Mustard

#756507

#bda00c

#edc90f

#077565

#650775

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Cyan

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#756507	rgb(117, 101, 7)	hsl(51 89% 24%)	oklab(51% -0.01 0.1)	oklch(51% 0.1 98)	color(display-p3 0.45 0.4 0.13)
	#bda00c	rgb(189, 160, 12)	hsl(50 88% 39%)	oklab(71% -0.01 0.14)	oklch(71% 0.14 96)	color(display-p3 0.72 0.63 0.21)
	#edc90f	rgb(237, 201, 15)	hsl(50 88% 49%)	oklab(84% -0.02 0.17)	oklch(84% 0.17 96)	color(display-p3 0.91 0.79 0.27)
	#077565	rgb(7, 117, 101)	hsl(170 89% 24%)	oklab(50% -0.09 0)	oklch(50% 0.09 180)	color(display-p3 0.2 0.45 0.4)
	#650775	rgb(101, 7, 117)	hsl(290 89% 24%)	oklab(37% 0.13 -0.11)	oklch(37% 0.17 320)	color(display-p3 0.36 0.07 0.44)

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

#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