International

#bd8500

#e49912

#f7af3c

#fbbc5b

#ffca7a

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#bd8500	rgb(189, 133, 0)	hsl(42 100% 37%)	oklab(66% 0.03 0.13)	oklch(66% 0.14 79)	color(display-p3 0.71 0.53 0.17)
	#e49912	rgb(228, 153, 18)	hsl(39 85% 48%)	oklab(74% 0.04 0.15)	oklch(74% 0.15 73)	color(display-p3 0.85 0.61 0.23)
	#f7af3c	rgb(247, 175, 60)	hsl(37 92% 60%)	oklab(80% 0.04 0.14)	oklch(80% 0.15 75)	color(display-p3 0.93 0.7 0.33)
	#fbbc5b	rgb(251, 188, 91)	hsl(36 95% 67%)	oklab(84% 0.03 0.13)	oklch(84% 0.13 76)	color(display-p3 0.95 0.75 0.42)
	#ffca7a	rgb(255, 202, 122)	hsl(36 100% 74%)	oklab(87% 0.03 0.11)	oklch(87% 0.11 77)	color(display-p3 0.97 0.8 0.52)

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

#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