Easter

#FAE0D6

#FFD700

#FF8C00

#D291BC

#800080

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Purple

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fae0d6	rgb(250, 224, 214)	hsl(17 78% 91%)	hwb(17 84% 2%)	lch(91.1 11.6 46)	lab(91.1 8.06 8.34)	cmyk 0%, 10%, 14%, 2%
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	hwb(51 0% 0%)	lch(87.5 86.6 88.1)	lab(87.5 2.91 86.6)	cmyk 0%, 16%, 100%, 0%
	#ff8c00	rgb(255, 140, 0)	hsl(33 100% 50%)	hwb(33 0% 0%)	lch(70.2 85.9 62.4)	lab(70.2 39.8 76.1)	cmyk 0%, 45%, 100%, 0%
	#d291bc	rgb(210, 145, 188)	hsl(320 42% 70%)	hwb(320 57% 18%)	lch(67.8 32.4 338)	lab(67.8 30.1 -12.1)	cmyk 0%, 31%, 10%, 18%
	#800080	rgb(128, 0, 128)	hsl(300 100% 25%)	hwb(300 0% 50%)	lch(29.7 66.8 327)	lab(29.7 56.1 -36.3)	cmyk 0%, 100%, 0%, 50%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FAE0D6

AA - 1.25



#FFD700

AA - 1.4



#FF8C00

AA - 2.33



#D291BC

AA - 2.46



#800080

AAA - 9.41



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.5% 0.024 0.021), oklab(88.7% -0.017 0.181), oklab(75.1% 0.094 0.152), oklab(73.4% 0.09 -0.033), oklab(42.1% 0.165 -0.101))

Fallback colors



background: linear-gradient(45deg, #FAE0D6, #FFD700, #FF8C00, #D291BC, #800080)

Colors



<!-- Primary Colors -->
<color name="easter_color_10">#FAE0D6</color>
<color name="easter_color_20">#FFD700</color>
<color name="easter_color_30">#FF8C00</color>
<color name="easter_color_40">#D291BC</color>
<color name="easter_color_50">#800080</color>

PWA prompt