#5f8013

#a1bf5c

#e3cb81

#ba931e

#91510c

Dark Autumn

#5f8013

#a1bf5c

#e3cb81

#ba931e

#91510c



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

Yellow

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5f8013	rgb(95, 128, 19)	hsl(78 74% 29%)	hwb(78 7.5% 50%)	lch(49.6 54.3 116)	lab(49.6 -23.7 48.9)	cmyk 26%, 0%, 85%, 50%
	#a1bf5c	rgb(161, 191, 92)	hsl(78 44% 55%)	hwb(78 36% 25%)	lch(73.5 50.8 116)	lab(73.5 -22 45.7)	cmyk 16%, 0%, 52%, 25%
	#e3cb81	rgb(227, 203, 129)	hsl(45 64% 70%)	hwb(45 51% 11%)	lch(82.5 40.1 88)	lab(82.5 1.41 40.1)	cmyk 0%, 11%, 43%, 11%
	#ba931e	rgb(186, 147, 30)	hsl(45 72% 42%)	hwb(45 12% 27%)	lch(63.3 61.6 83.1)	lab(63.3 7.44 61.2)	cmyk 0%, 21%, 84%, 27%
	#91510c	rgb(145, 81, 12)	hsl(31 85% 31%)	hwb(31 4.7% 43%)	lch(41.6 53 62.9)	lab(41.6 24.1 47.2)	cmyk 0%, 44%, 92%, 43%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5f8013

AA - 4.58



#a1bf5c

AA - 2.07



#e3cb81

AA - 1.59



#ba931e

AA - 2.88



#91510c

AA - 6.2



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(55.5% -0.079 0.108), oklab(76.1% -0.072 0.109), oklab(84.6% -0.004 0.097), oklab(68.1% 0.004 0.131), oklab(50% 0.057 0.097))

Fallback colors



background: linear-gradient(45deg, #5f8013, #a1bf5c, #e3cb81, #ba931e, #91510c)

Colors



<!-- Primary Colors -->
<color name="dark_autumn_color_10">#5f8013</color>
<color name="dark_autumn_color_20">#a1bf5c</color>
<color name="dark_autumn_color_30">#e3cb81</color>
<color name="dark_autumn_color_40">#ba931e</color>
<color name="dark_autumn_color_50">#91510c</color>

PWA prompt