Neon Lights

#a5fbfc

#ffa0c7

#fdf5a0

#e3e5f1

#081e43

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a5fbfc	rgb(165, 251, 252)	hsl(180 94% 82%)	hwb(180 65% 1.2%)	lch(93.2 28.3 199)	lab(93.2 -26.8 -9.18)	cmyk 35%, 0%, 0%, 1%
	#ffa0c7	rgb(255, 160, 199)	hsl(340 100% 81%)	hwb(340 63% 0%)	lch(76.6 40.1 354)	lab(76.6 39.9 -4.41)	cmyk 0%, 37%, 22%, 0%
	#fdf5a0	rgb(253, 245, 160)	hsl(55 96% 81%)	hwb(55 63% 0.78%)	lch(95.8 42.4 98.2)	lab(95.8 -6.07 41.9)	cmyk 0%, 3%, 37%, 1%
	#e3e5f1	rgb(227, 229, 241)	hsl(230 33% 92%)	hwb(230 89% 5.5%)	lch(91.1 6.17 279)	lab(91.1 0.956 -6.1)	cmyk 6%, 5%, 0%, 5%
	#081e43	rgb(8, 30, 67)	hsl(220 79% 15%)	hwb(220 3.1% 74%)	lch(11.4 26.7 278)	lab(11.4 3.92 -26.4)	cmyk 88%, 55%, 0%, 74%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a5fbfc

AA - 1.17



#ffa0c7

AA - 1.89



#fdf5a0

AA - 1.12



#e3e5f1

AA - 1.25



#081e43

AAA - 16.44



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(93.4% -0.079 -0.024), oklab(81.2% 0.121 -0.013), oklab(95.8% -0.025 0.103), oklab(92.4% 0.002 -0.016), oklab(24.3% -0.013 -0.074))

Fallback colors



background: linear-gradient(45deg, #a5fbfc, #ffa0c7, #fdf5a0, #e3e5f1, #081e43)

Colors



<!-- Primary Colors -->
<color name="neon_lights_color_10">#a5fbfc</color>
<color name="neon_lights_color_20">#ffa0c7</color>
<color name="neon_lights_color_30">#fdf5a0</color>
<color name="neon_lights_color_40">#e3e5f1</color>
<color name="neon_lights_color_50">#081e43</color>

PWA prompt