Neon Cherry

#bcf3d4

#10965b

#fca4ba

#8f2975

#082744

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#bcf3d4	rgb(188, 243, 212)	hsl(150 70% 85%)	hwb(150 74% 4.7%)	lch(91.4 24.4 158)	lab(91.4 -22.7 9.03)	cmyk 23%, 0%, 13%, 5%
	#10965b	rgb(16, 150, 91)	hsl(150 81% 33%)	hwb(150 6.3% 41%)	lch(54.7 50 155)	lab(54.7 -45.2 21.4)	cmyk 89%, 0%, 39%, 41%
	#fca4ba	rgb(252, 164, 186)	hsl(350 94% 82%)	hwb(350 64% 1.2%)	lch(76.8 35.6 4.68)	lab(76.8 35.5 2.91)	cmyk 0%, 35%, 26%, 1%
	#8f2975	rgb(143, 41, 117)	hsl(320 55% 36%)	hwb(320 16% 44%)	lch(35.6 52.8 338)	lab(35.6 48.9 -20)	cmyk 0%, 71%, 18%, 44%
	#082744	rgb(8, 39, 68)	hsl(210 79% 15%)	hwb(210 3.1% 73%)	lch(14.7 22 265)	lab(14.7 -1.95 -21.9)	cmyk 88%, 43%, 0%, 73%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#bcf3d4

AA - 1.24



#10965b

AA - 3.79



#fca4ba

AA - 1.88



#8f2975

AAA - 7.65



#082744

AAA - 15.17



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(91.8% -0.066 0.024), oklab(59.4% -0.127 0.055), oklab(81.2% 0.107 0.006), oklab(46.4% 0.15 -0.055), oklab(26.8% -0.022 -0.061))

Fallback colors



background: linear-gradient(45deg, #bcf3d4, #10965b, #fca4ba, #8f2975, #082744)

Colors



<!-- Primary Colors -->
<color name="neon_cherry_color_10">#bcf3d4</color>
<color name="neon_cherry_color_20">#10965b</color>
<color name="neon_cherry_color_30">#fca4ba</color>
<color name="neon_cherry_color_40">#8f2975</color>
<color name="neon_cherry_color_50">#082744</color>

PWA prompt