#0a3300

#3e5e26

#d4e6c5

#dda15e

#ad6103

Fall

#0a3300

#3e5e26

#d4e6c5

#dda15e

#ad6103



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

Grey

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#0a3300	rgb(10, 51, 0)	hsl(110 100% 10%)	hwb(110 0% 80%)	lch(17.6 33.3 133)	lab(17.6 -22.8 24.3)	cmyk 80%, 0%, 100%, 80%
	#3e5e26	rgb(62, 94, 38)	hsl(94 42% 26%)	hwb(94 15% 63%)	lch(36.4 34.4 126)	lab(36.4 -20.4 27.7)	cmyk 34%, 0%, 60%, 63%
	#d4e6c5	rgb(212, 230, 197)	hsl(93 40% 84%)	hwb(93 77% 9.8%)	lch(89.3 17.5 127)	lab(89.3 -10.6 14)	cmyk 8%, 0%, 14%, 10%
	#dda15e	rgb(221, 161, 94)	hsl(32 65% 62%)	hwb(32 37% 13%)	lch(71.1 47.1 67.9)	lab(71.1 17.7 43.6)	cmyk 0%, 27%, 57%, 13%
	#ad6103	rgb(173, 97, 3)	hsl(33 97% 35%)	hwb(33 1.2% 32%)	lch(49.3 63.1 63.9)	lab(49.3 27.7 56.7)	cmyk 0%, 44%, 98%, 32%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#0a3300

AAA - 14.12



#3e5e26

AAA - 7.41



#d4e6c5

AA - 1.31



#dda15e

AA - 2.24



#ad6103

AA - 4.67



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(28.2% -0.069 0.058), oklab(44.3% -0.063 0.066), oklab(90.3% -0.031 0.036), oklab(75.3% 0.042 0.102), oklab(56.8% 0.064 0.115))

Fallback colors



background: linear-gradient(45deg, #0a3300, #3e5e26, #d4e6c5, #dda15e, #ad6103)

Colors



<!-- Primary Colors -->
<color name="fall_color_10">#0a3300</color>
<color name="fall_color_20">#3e5e26</color>
<color name="fall_color_30">#d4e6c5</color>
<color name="fall_color_40">#dda15e</color>
<color name="fall_color_50">#ad6103</color>

PWA prompt