Neon Cherry

#bcf3d4

#10965b

#fca4ba

#8f2975

#082744

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#bcf3d4	rgb(188, 243, 212)	hsl(150 70% 85%)	oklab(92% -0.07 0.02)	oklch(92% 0.07 160)	color(display-p3 0.78 0.95 0.84)
	#10965b	rgb(16, 150, 91)	hsl(150 81% 33%)	oklab(59% -0.13 0.06)	oklch(59% 0.14 160)	color(display-p3 0.27 0.58 0.38)
	#fca4ba	rgb(252, 164, 186)	hsl(350 94% 82%)	oklab(81% 0.11 0.01)	oklch(81% 0.11 3.5)	color(display-p3 0.94 0.66 0.73)
	#8f2975	rgb(143, 41, 117)	hsl(320 55% 36%)	oklab(46% 0.15 -0.06)	oklch(46% 0.16 340)	color(display-p3 0.52 0.19 0.45)
	#082744	rgb(8, 39, 68)	hsl(210 79% 15%)	oklab(27% -0.02 -0.06)	oklch(27% 0.06 250)	color(display-p3 0.07 0.15 0.26)

 Click on a color value to copy it 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