#474747

#908D8D

#D2B48C

#A04000

#5C2415

Ember

#474747

#908D8D

#D2B48C

#A04000

#5C2415



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Grey

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#474747	rgb(71, 71, 71)	hsl(none 0% 28%)	hwb(none 28% 72%)	lch(30.2 0 none)	lab(30.2 0 0)	cmyk 0%, 0%, 0%, 72%
	#908d8d	rgb(144, 141, 141)	hsl(0 1.3% 56%)	hwb(0 55% 44%)	lch(58.9 1.22 19.8)	lab(58.9 1.15 0.414)	cmyk 0%, 2%, 2%, 44%
	#d2b48c	rgb(210, 180, 140)	hsl(34 44% 69%)	hwb(34 55% 18%)	lch(75.2 25.6 74.3)	lab(75.2 6.93 24.7)	cmyk 0%, 14%, 33%, 18%
	#a04000	rgb(160, 64, 0)	hsl(24 100% 31%)	hwb(24 0% 37%)	lch(40.4 64.5 52.9)	lab(40.4 38.9 51.5)	cmyk 0%, 60%, 100%, 37%
	#5c2415	rgb(92, 36, 21)	hsl(13 63% 22%)	hwb(13 8.2% 64%)	lch(22.6 34.3 42.1)	lab(22.6 25.4 23)	cmyk 0%, 61%, 77%, 64%

 Click a color format to copy 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