Mustard

#756507

#bda00c

#edc90f

#077565

#650775

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Cyan

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#756507	rgb(117, 101, 7)	hsl(51 89% 24%)	hwb(51 2.7% 54%)	lch(43.2 47.7 90.2)	lab(43.2 -0.169 47.7)	cmyk 0%, 14%, 94%, 54%
	#bda00c	rgb(189, 160, 12)	hsl(50 88% 39%)	hwb(50 4.7% 26%)	lch(66.9 67.8 88.5)	lab(66.9 1.82 67.8)	cmyk 0%, 15%, 94%, 26%
	#edc90f	rgb(237, 201, 15)	hsl(50 88% 49%)	hwb(50 5.9% 7.1%)	lch(82.2 80.7 88.4)	lab(82.2 2.2 80.7)	cmyk 0%, 15%, 94%, 7%
	#077565	rgb(7, 117, 101)	hsl(170 89% 24%)	hwb(170 2.7% 54%)	lch(43.6 31.9 179)	lab(43.6 -31.9 0.582)	cmyk 94%, 0%, 14%, 54%
	#650775	rgb(101, 7, 117)	hsl(290 89% 24%)	hwb(290 2.7% 54%)	lch(24.1 61.6 321)	lab(24.1 48 -38.6)	cmyk 14%, 94%, 0%, 54%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#756507

AA - 5.79



#bda00c

AA - 2.56



#edc90f

AA - 1.62



#077565

AA - 5.61



#650775

AAA - 11.4



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.7% -0.014 0.101), oklab(71.1% -0.014 0.143), oklab(84.2% -0.017 0.17), oklab(50.4% -0.091 0.002), oklab(37.1% 0.132 -0.108))

Fallback colors



background: linear-gradient(45deg, #756507, #bda00c, #edc90f, #077565, #650775)

Colors



<!-- Primary Colors -->
<color name="mustard_color_10">#756507</color>
<color name="mustard_color_20">#bda00c</color>
<color name="mustard_color_30">#edc90f</color>
<color name="mustard_color_40">#077565</color>
<color name="mustard_color_50">#650775</color>

PWA prompt