#E8A516

#FCC891

#B1BA1F

#837B02

#AE553D

Shaggy

#E8A516

#FCC891

#B1BA1F

#837B02

#AE553D



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

Green

Brown

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e8a516	rgb(232, 165, 22)	hsl(41 83% 50%)	hwb(41 8.6% 9%)	lch(72.9 75.1 76.1)	lab(72.9 18.1 72.9)	cmyk 0%, 29%, 91%, 9%
	#fcc891	rgb(252, 200, 145)	hsl(31 95% 78%)	hwb(31 57% 1.2%)	lch(84.4 37.6 68.1)	lab(84.4 14 34.9)	cmyk 0%, 21%, 42%, 1%
	#b1ba1f	rgb(177, 186, 31)	hsl(63 71% 43%)	hwb(63 12% 27%)	lch(72.9 70.1 103)	lab(72.9 -15.9 68.2)	cmyk 5%, 0%, 83%, 27%
	#837b02	rgb(131, 123, 2)	hsl(56 97% 26%)	hwb(56 0.78% 49%)	lch(51 55.3 95.7)	lab(51 -5.45 55)	cmyk 0%, 6%, 98%, 49%
	#ae553d	rgb(174, 85, 61)	hsl(13 48% 46%)	hwb(13 24% 32%)	lch(47.3 47.7 41.4)	lab(47.3 35.7 31.5)	cmyk 0%, 51%, 65%, 32%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E8A516

AA - 2.13



#FCC891

AA - 1.52



#B1BA1F

AA - 2.11



#837B02

AA - 4.37



#AE553D

AA - 5.04



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(76.7% 0.031 0.152), oklab(86.6% 0.035 0.085), oklab(75.7% -0.064 0.149), oklab(57.2% -0.031 0.117), oklab(55.4% 0.099 0.072))

Fallback colors



background: linear-gradient(45deg, #E8A516, #FCC891, #B1BA1F, #837B02, #AE553D)

Colors



<!-- Primary Colors -->
<color name="shaggy_color_10">#E8A516</color>
<color name="shaggy_color_20">#FCC891</color>
<color name="shaggy_color_30">#B1BA1F</color>
<color name="shaggy_color_40">#837B02</color>
<color name="shaggy_color_50">#AE553D</color>

PWA prompt