Ember

#474747

#908D8D

#D2B48C

#A04000

#5C2415

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Grey

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#474747	rgb(71, 71, 71)	hsl(none 0% 28%)	oklab(40% 0 0)	oklch(40% 0 none)	color(display-p3 0.28 0.28 0.28)
	#908d8d	rgb(144, 141, 141)	hsl(0 1.3% 56%)	oklab(65% 0 0)	oklch(65% 0 17)	color(display-p3 0.56 0.55 0.55)
	#d2b48c	rgb(210, 180, 140)	hsl(34 44% 69%)	oklab(79% 0.02 0.06)	oklch(79% 0.06 75)	color(display-p3 0.8 0.71 0.57)
	#a04000	rgb(160, 64, 0)	hsl(24 100% 31%)	oklab(50% 0.1 0.1)	oklch(50% 0.14 45)	color(display-p3 0.58 0.27 0.1)
	#5c2415	rgb(92, 36, 21)	hsl(13 63% 22%)	oklab(34% 0.07 0.05)	oklch(34% 0.09 36)	color(display-p3 0.33 0.15 0.1)

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

#474747

AAA - 9.29



#908D8D

AA - 3.29



#D2B48C

AA - 1.97



#A04000

AA - 6.5



#5C2415

AAA - 12.22



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(39.8% 0 0), oklab(64.6% 0.003 0.001), oklab(78.6% 0.017 0.062), oklab(49.5% 0.1 0.1), oklab(33.9% 0.07 0.051))

Fallback colors



background: linear-gradient(45deg, #474747, #908D8D, #D2B48C, #A04000, #5C2415)

Colors



<!-- Primary Colors -->
<color name="ember_color_10">#474747</color>
<color name="ember_color_20">#908D8D</color>
<color name="ember_color_30">#D2B48C</color>
<color name="ember_color_40">#A04000</color>
<color name="ember_color_50">#5C2415</color>

PWA prompt