Mustard Color Palette

Actions

Explore the palette in different formats, and actions.

Orange

Yellow

food

HEX	RGB	HWB	OKLAB	OKLCH	P3
#e1b2a2	rgb(88.2% 69.8% 63.5%)	hwb(15 64% 12%)	oklab(80.2% 0.046 0.038)	oklch(80.2% 0.059 39.6)	color(display-p3 0.853 0.705 0.645)
#e1d1a2	rgb(88.2% 82% 63.5%)	hwb(45 64% 12%)	oklab(86.2% -0.002 0.064)	oklch(86.2% 0.064 91.5)	color(display-p3 0.872 0.822 0.656)
#ffe6c9	rgb(100% 90.2% 78.8%)	hwb(32 79% 0%)	oklab(93.8% 0.015 0.045)	oklch(93.8% 0.047 71.3)	color(display-p3 0.984 0.905 0.801)

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

#e1b2a2

Fail - 1.89

#e1d1a2

Fail - 1.51

#ffe6c9

Fail - 1.2

Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.

AAA

Perfect ≥ 7:1

Easy to read for everyone, including people with visual impairments.

AA

Good ≥ 4.5:1

Meets standard requirements for most users and situations.

Fail

Poor < 4.5:1

Text may be difficult to read, especially for people with visual challenges.

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with Protanopia

Colors preview as palette with Protanopia

Preview the palette in different UI components.