Light Coral

#F5E0DC

#E6CECE

#FFDFD3

#F7CAC9

#E29587

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f5e0dc	rgb(245, 224, 220)	hsl(9.6 56% 91%)	hwb(9.6 86% 3.9%)	lch(90.8 8.4 34.1)	lab(90.8 6.95 4.71)	cmyk 0%, 9%, 10%, 4%
	#e6cece	rgb(230, 206, 206)	hsl(0 32% 85%)	hwb(0 81% 9.8%)	lch(84.8 9.24 20.4)	lab(84.8 8.66 3.22)	cmyk 0%, 10%, 10%, 10%
	#ffdfd3	rgb(255, 223, 211)	hsl(16 100% 91%)	hwb(16 83% 0%)	lch(91.3 14.3 45.4)	lab(91.3 10 10.2)	cmyk 0%, 13%, 17%, 0%
	#f7cac9	rgb(247, 202, 201)	hsl(1.3 74% 88%)	hwb(1.3 79% 3.1%)	lch(85.3 17.7 22.7)	lab(85.3 16.3 6.83)	cmyk 0%, 18%, 19%, 3%
	#e29587	rgb(226, 149, 135)	hsl(9.2 61% 71%)	hwb(9.2 53% 11%)	lch(69.4 34.9 34.9)	lab(69.4 28.6 20)	cmyk 0%, 34%, 40%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F5E0DC

AA - 1.26



#E6CECE

AA - 1.49



#FFDFD3

AA - 1.25



#F7CAC9

AA - 1.47



#E29587

AA - 2.36



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(92.3% 0.021 0.012), oklab(87.1% 0.026 0.008), oklab(92.7% 0.029 0.026), oklab(87.8% 0.048 0.017), oklab(74.4% 0.082 0.049))

Fallback colors



background: linear-gradient(45deg, #F5E0DC, #E6CECE, #FFDFD3, #F7CAC9, #E29587)

Colors



<!-- Primary Colors -->
<color name="light_coral_color_10">#F5E0DC</color>
<color name="light_coral_color_20">#E6CECE</color>
<color name="light_coral_color_30">#FFDFD3</color>
<color name="light_coral_color_40">#F7CAC9</color>
<color name="light_coral_color_50">#E29587</color>

PWA prompt