Y Color Palette

#E8956C

#F5EAB2

#44687B

#F8FBFD

#EA6E49

#E8956C

#F5EAB2

#44687B

#F8FBFD

#EA6E49

Colors overview

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e8956c	rgb(232, 149, 108)	hsl(20 73% 67%)	hwb(20 42% 9%)	lch(69.8 45.7 50.4)	lab(69.8 29.1 35.2)	cmyk 0%, 36%, 53%, 9%
	#f5eab2	rgb(245, 234, 178)	hsl(50 77% 83%)	hwb(50 70% 3.9%)	lch(92.6 28.8 94.7)	lab(92.6 -2.37 28.7)	cmyk 0%, 4%, 27%, 4%
	#44687b	rgb(68, 104, 123)	hsl(200 29% 37%)	hwb(200 27% 52%)	lch(41.9 17.6 238)	lab(41.9 -9.24 -15)	cmyk 45%, 15%, 0%, 52%
	#f8fbfd	rgb(248, 251, 253)	hsl(200 56% 98%)	hwb(200 97% 0.78%)	lch(98.4 1.53 240)	lab(98.4 -0.76 -1.33)	cmyk 2%, 1%, 0%, 1%
	#ea6e49	rgb(234, 110, 73)	hsl(14 79% 60%)	hwb(14 29% 8.2%)	lch(61.6 64.6 43.1)	lab(61.6 47.2 44.1)	cmyk 0%, 53%, 69%, 8%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E8956C

AA - 2.34



#F5EAB2

AA - 1.21



#44687B

AA - 5.97



#F8FBFD

AA - 1.03



#EA6E49

AA - 3.07



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(74.5% 0.079 0.084), oklab(93.2% -0.011 0.072), oklab(49.8% -0.031 -0.04), oklab(98.6% -0.002 -0.003), oklab(68% 0.129 0.099))

Fallback colors



background: linear-gradient(45deg, #E8956C, #F5EAB2, #44687B, #F8FBFD, #EA6E49)

Colors



<!-- Primary Colors -->
<color name="y_color_10">#E8956C</color>
<color name="y_color_20">#F5EAB2</color>
<color name="y_color_30">#44687B</color>
<color name="y_color_40">#F8FBFD</color>
<color name="y_color_50">#EA6E49</color>

PWA prompt