Light Coral

#F5E0DC

#E6CECE

#FFDFD3

#F7CAC9

#E29587

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#f5e0dc	rgb(245, 224, 220)	hsl(9.6 56% 91%)	oklab(92% 0.02 0.01)	oklch(92% 0.02 30)	color(display-p3 0.95 0.88 0.87)
	#e6cece	rgb(230, 206, 206)	hsl(0 32% 85%)	oklab(87% 0.03 0.01)	oklch(87% 0.03 18)	color(display-p3 0.89 0.81 0.81)
	#ffdfd3	rgb(255, 223, 211)	hsl(16 100% 91%)	oklab(93% 0.03 0.03)	oklch(93% 0.04 42)	color(display-p3 0.98 0.88 0.83)
	#f7cac9	rgb(247, 202, 201)	hsl(1.3 74% 88%)	oklab(88% 0.05 0.02)	oklch(88% 0.05 20)	color(display-p3 0.94 0.8 0.79)
	#e29587	rgb(226, 149, 135)	hsl(9.2 61% 71%)	oklab(74% 0.08 0.05)	oklch(74% 0.1 31)	color(display-p3 0.84 0.6 0.54)

 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.

#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