MONADE

#7C5E34

#ED7222

#E5A71F

#FDBD15

#82A680

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#7c5e34	rgb(124, 94, 52)	hsl(35 41% 35%)	oklab(50% 0.02 0.07)	oklch(50% 0.07 74)	color(display-p3 0.47 0.37 0.23)
	#ed7222	rgb(237, 114, 34)	hsl(24 85% 53%)	oklab(69% 0.12 0.13)	oklch(69% 0.17 48)	color(display-p3 0.87 0.47 0.22)
	#e5a71f	rgb(229, 167, 31)	hsl(41 79% 51%)	oklab(77% 0.03 0.15)	oklch(77% 0.15 80)	color(display-p3 0.86 0.66 0.26)
	#fdbd15	rgb(253, 189, 21)	hsl(43 98% 54%)	oklab(83% 0.02 0.17)	oklch(83% 0.17 83)	color(display-p3 0.95 0.75 0.27)
	#82a680	rgb(130, 166, 128)	hsl(120 18% 58%)	oklab(69% -0.05 0.04)	oklch(69% 0.07 140)	color(display-p3 0.54 0.65 0.51)

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

#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