International

#bd8500

#e49912

#f7af3c

#fbbc5b

#ffca7a

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#bd8500	rgb(189, 133, 0)	hsl(42 100% 37%)	hwb(42 0% 26%)	lch(60 66.8 76.4)	lab(60 15.7 64.9)	cmyk 0%, 30%, 100%, 26%
	#e49912	rgb(228, 153, 18)	hsl(39 85% 48%)	hwb(39 7.1% 11%)	lch(69.6 74.5 72.5)	lab(69.6 22.4 71.1)	cmyk 0%, 33%, 92%, 11%
	#f7af3c	rgb(247, 175, 60)	hsl(37 92% 60%)	hwb(37 24% 3.1%)	lch(77.1 69.1 73.1)	lab(77.1 20.1 66.1)	cmyk 0%, 29%, 76%, 3%
	#fbbc5b	rgb(251, 188, 91)	hsl(36 95% 67%)	hwb(36 36% 1.6%)	lch(80.8 59.3 74)	lab(80.8 16.4 57)	cmyk 0%, 25%, 64%, 2%
	#ffca7a	rgb(255, 202, 122)	hsl(36 100% 74%)	hwb(36 48% 0%)	lch(84.9 48.8 74.9)	lab(84.9 12.7 47.1)	cmyk 0%, 21%, 52%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#bd8500

AA - 3.22



#e49912

AA - 2.36



#f7af3c

AA - 1.88



#fbbc5b

AA - 1.68



#ffca7a

AA - 1.5



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(65.6% 0.026 0.134), oklab(74% 0.044 0.147), oklab(80.4% 0.04 0.144), oklab(83.5% 0.033 0.13), oklab(86.9% 0.027 0.112))

Fallback colors



background: linear-gradient(45deg, #bd8500, #e49912, #f7af3c, #fbbc5b, #ffca7a)

Colors



<!-- Primary Colors -->
<color name="international_color_10">#bd8500</color>
<color name="international_color_20">#e49912</color>
<color name="international_color_30">#f7af3c</color>
<color name="international_color_40">#fbbc5b</color>
<color name="international_color_50">#ffca7a</color>

PWA prompt