MONADE

#7C5E34

#ED7222

#E5A71F

#FDBD15

#82A680

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7c5e34	rgb(124, 94, 52)	hsl(35 41% 35%)	hwb(35 20% 51%)	lch(42.3 30.1 73)	lab(42.3 8.77 28.8)	cmyk 0%, 24%, 58%, 51%
	#ed7222	rgb(237, 114, 34)	hsl(24 85% 53%)	hwb(24 13% 7.1%)	lch(62.5 77.5 54.1)	lab(62.5 45.5 62.7)	cmyk 0%, 52%, 86%, 7%
	#e5a71f	rgb(229, 167, 31)	hsl(41 79% 51%)	hwb(41 12% 10%)	lch(73 72.6 77.4)	lab(73 15.9 70.9)	cmyk 0%, 27%, 86%, 10%
	#fdbd15	rgb(253, 189, 21)	hsl(43 98% 54%)	hwb(43 8.2% 0.78%)	lch(81 81.3 79.4)	lab(81 14.9 79.9)	cmyk 0%, 25%, 92%, 1%
	#82a680	rgb(130, 166, 128)	hsl(120 18% 58%)	hwb(120 50% 35%)	lch(64.7 24.2 140)	lab(64.7 -18.5 15.6)	cmyk 22%, 0%, 23%, 35%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7C5E34

AA - 5.98



#ED7222

AA - 2.98



#E5A71F

AA - 2.12



#FDBD15

AA - 1.68



#82A680

AA - 2.72



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(50.3% 0.019 0.068), oklab(68.7% 0.116 0.129), oklab(76.7% 0.025 0.15), oklab(83.5% 0.02 0.167), oklab(68.8% -0.054 0.04))

Fallback colors



background: linear-gradient(45deg, #7C5E34, #ED7222, #E5A71F, #FDBD15, #82A680)

Colors



<!-- Primary Colors -->
<color name="monade_color_10">#7C5E34</color>
<color name="monade_color_20">#ED7222</color>
<color name="monade_color_30">#E5A71F</color>
<color name="monade_color_40">#FDBD15</color>
<color name="monade_color_50">#82A680</color>

PWA prompt