Dragon

#E85764

#F4BDB8

#7C6C52

#F8F9FB

#F43F24

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e85764	rgb(232, 87, 100)	hsl(350 76% 63%)	hwb(350 34% 9%)	lch(57.6 62.6 22.8)	lab(57.6 57.7 24.3)	cmyk 0%, 63%, 57%, 9%
	#f4bdb8	rgb(244, 189, 184)	hsl(5 73% 84%)	hwb(5 72% 4.3%)	lch(81.6 22.5 28)	lab(81.6 19.9 10.6)	cmyk 0%, 23%, 25%, 4%
	#7c6c52	rgb(124, 108, 82)	hsl(37 20% 40%)	hwb(37 32% 51%)	lch(46.6 17.4 78.6)	lab(46.6 3.44 17)	cmyk 0%, 13%, 34%, 51%
	#f8f9fb	rgb(248, 249, 251)	hsl(220 27% 98%)	hwb(220 97% 1.6%)	lch(97.9 1.09 266)	lab(97.9 -0.079 -1.08)	cmyk 1%, 1%, 0%, 2%
	#f43f24	rgb(244, 63, 36)	hsl(7.8 90% 55%)	hwb(7.8 14% 4.3%)	lch(55.9 89.2 40.3)	lab(55.9 68 57.7)	cmyk 0%, 74%, 85%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E85764

AA - 3.51



#F4BDB8

AA - 1.63



#7C6C52

AA - 5.09



#F8F9FB

AA - 1.05



#F43F24

AA - 3.76



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(65.1% 0.17 0.057), oklab(84.6% 0.058 0.027), oklab(53.9% 0.008 0.043), oklab(98.2% 0 -0.003), oklab(63.8% 0.188 0.115))

Fallback colors



background: linear-gradient(45deg, #E85764, #F4BDB8, #7C6C52, #F8F9FB, #F43F24)

Colors



<!-- Primary Colors -->
<color name="dragon_color_10">#E85764</color>
<color name="dragon_color_20">#F4BDB8</color>
<color name="dragon_color_30">#7C6C52</color>
<color name="dragon_color_40">#F8F9FB</color>
<color name="dragon_color_50">#F43F24</color>

PWA prompt