Mustard Color Palette

#e1b2a2

#e1d1a2

#ffe6c9

#e1b2a2

#e1d1a2

#ffe6c9

Colors overview

 Orange

 Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e1b2a2	rgb(225, 178, 162)	hsl(15 51% 76%)	hwb(15 64% 12%)	lch(76.6 21.9 43.4)	lab(76.6 15.9 15.1)	cmyk 0%, 21%, 28%, 12%
	#e1d1a2	rgb(225, 209, 162)	hsl(45 51% 76%)	hwb(45 64% 12%)	lch(84.3 25.5 88.9)	lab(84.3 0.501 25.5)	cmyk 0%, 7%, 28%, 12%
	#ffe6c9	rgb(255, 230, 201)	hsl(32 100% 89%)	hwb(32 79% 0%)	lch(92.8 18.3 72.3)	lab(92.8 5.57 17.5)	cmyk 0%, 10%, 21%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e1b2a2

AA - 1.89



#e1d1a2

AA - 1.51



#ffe6c9

AA - 1.2



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(80.2% 0.046 0.038), oklab(86.2% -0.002 0.064), oklab(93.8% 0.015 0.045))

Fallback colors New



background: linear-gradient(45deg, #e1b2a2, #e1d1a2, #ffe6c9)

Colors



<resources>
    <color name="mustard_100">#e1b2a2</color>
    <color name="mustard_200">#e1d1a2</color>
    <color name="mustard_300">#ffe6c9</color>
</resources>

PWA prompt