Retro Neon

#000000

#696969

#d1d1d1

#e957ff

#47fff0

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Pink

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#696969	rgb(105, 105, 105)	hsl(none 0% 41%)	hwb(none 41% 59%)	lch(44.4 0 none)	lab(44.4 0 0)	cmyk 0%, 0%, 0%, 59%
	#d1d1d1	rgb(209, 209, 209)	hsl(none 0% 82%)	hwb(none 82% 18%)	lch(83.8 0 none)	lab(83.8 0 0)	cmyk 0%, 0%, 0%, 18%
	#e957ff	rgb(233, 87, 255)	hsl(290 100% 67%)	hwb(290 34% 0%)	lch(62.5 92.2 322)	lab(62.5 72.4 -57)	cmyk 9%, 66%, 0%, 0%
	#47fff0	rgb(71, 255, 240)	hsl(180 100% 64%)	hwb(180 28% 0%)	lch(90.9 50 188)	lab(90.9 -49.6 -6.74)	cmyk 72%, 0%, 6%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#000000

AAA - 21



#696969

AA - 5.48



#d1d1d1

AA - 1.52



#e957ff

AA - 2.88



#47fff0

AA - 1.24



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(0% 0 0), oklab(52.1% 0 0), oklab(86.1% 0 0), oklab(71.3% 0.205 -0.159), oklab(90.7% -0.143 -0.017))

Fallback colors



background: linear-gradient(45deg, #000000, #696969, #d1d1d1, #e957ff, #47fff0)

Colors



<!-- Primary Colors -->
<color name="retro_neon_color_10">#000000</color>
<color name="retro_neon_color_20">#696969</color>
<color name="retro_neon_color_30">#d1d1d1</color>
<color name="retro_neon_color_40">#e957ff</color>
<color name="retro_neon_color_50">#47fff0</color>

PWA prompt