Mustard

#e1b2a2

#e1d1a2

#ffe6c9

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#e1b2a2	rgb(225, 178, 162)	hsl(15 51% 76%)	oklab(80% 0.05 0.04)	oklch(80% 0.06 40)	color(display-p3 0.85 0.71 0.65)
	#e1d1a2	rgb(225, 209, 162)	hsl(45 51% 76%)	oklab(86% 0 0.06)	oklch(86% 0.06 91)	color(display-p3 0.87 0.82 0.66)
	#ffe6c9	rgb(255, 230, 201)	hsl(32 100% 89%)	oklab(94% 0.02 0.04)	oklch(94% 0.05 71)	color(display-p3 0.98 0.91 0.8)

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

#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 color space

HDR oklab colors



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



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

Colors



<!-- Primary Colors -->
<color name="mustard_color_10">#e1b2a2</color>
<color name="mustard_color_20">#e1d1a2</color>
<color name="mustard_color_30">#ffe6c9</color>

PWA prompt