News

#eb932f

#edad63

#ffffff

#b8b8b8

#919191

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#eb932f	rgb(235, 147, 47)	hsl(32 82% 55%)	hwb(32 18% 7.8%)	lch(69.2 69.5 65.5)	lab(69.2 28.8 63.3)	cmyk 0%, 37%, 80%, 8%
	#edad63	rgb(237, 173, 99)	hsl(32 79% 66%)	hwb(32 39% 7.1%)	lch(75.8 50.7 68.6)	lab(75.8 18.5 47.2)	cmyk 0%, 27%, 58%, 7%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#b8b8b8	rgb(184, 184, 184)	hsl(none 0% 72%)	hwb(none 72% 28%)	lch(74.8 0 none)	lab(74.8 0 0)	cmyk 0%, 0%, 0%, 28%
	#919191	rgb(145, 145, 145)	hsl(none 0% 57%)	hwb(none 57% 43%)	lch(60.2 0 none)	lab(60.2 0 0)	cmyk 0%, 0%, 0%, 43%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#eb932f

AA - 2.4



#edad63

AA - 1.95



#ffffff

AA - 1



#b8b8b8

AA - 1.98



#919191

AA - 3.15



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(73.8% 0.066 0.135), oklab(79.3% 0.043 0.11), oklab(100% 0 0), oklab(78.3% 0 0), oklab(65.7% 0 0))

Fallback colors



background: linear-gradient(45deg, #eb932f, #edad63, #ffffff, #b8b8b8, #919191)

Colors



<!-- Primary Colors -->
<color name="news_color_10">#eb932f</color>
<color name="news_color_20">#edad63</color>
<color name="news_color_30">#ffffff</color>
<color name="news_color_40">#b8b8b8</color>
<color name="news_color_50">#919191</color>

PWA prompt