#69471f

#8c4521

#c45d25

#dbb021

#e3d729

October

#69471f

#8c4521

#c45d25

#dbb021

#e3d729



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

Brown

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#69471f	rgb(105, 71, 31)	hsl(32 54% 27%)	hwb(32 12% 59%)	lch(33.4 31.8 68.1)	lab(33.4 11.9 29.5)	cmyk 0%, 32%, 70%, 59%
	#8c4521	rgb(140, 69, 33)	hsl(20 62% 34%)	hwb(20 13% 45%)	lch(38.2 45.6 50.7)	lab(38.2 28.9 35.3)	cmyk 0%, 51%, 76%, 45%
	#c45d25	rgb(196, 93, 37)	hsl(21 68% 46%)	hwb(21 15% 23%)	lch(52.1 63.9 51.6)	lab(52.1 39.7 50.1)	cmyk 0%, 53%, 81%, 23%
	#dbb021	rgb(219, 176, 33)	hsl(46 74% 49%)	hwb(46 13% 14%)	lch(74.2 71 84.3)	lab(74.2 7.1 70.7)	cmyk 0%, 20%, 85%, 14%
	#e3d729	rgb(227, 215, 41)	hsl(56 77% 53%)	hwb(56 16% 11%)	lch(85 78.1 96.2)	lab(85 -8.37 77.6)	cmyk 0%, 5%, 82%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#69471f

AAA - 8.32



#8c4521

AAA - 7.02



#c45d25

AA - 4.25



#dbb021

AA - 2.04



#e3d729

AA - 1.49



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(42.8% 0.027 0.067), oklab(47.4% 0.076 0.077), oklab(59.6% 0.103 0.106), oklab(77.4% 0 0.151), oklab(86.2% -0.046 0.168))

Fallback colors



background: linear-gradient(45deg, #69471f, #8c4521, #c45d25, #dbb021, #e3d729)

Colors



<!-- Primary Colors -->
<color name="october_color_10">#69471f</color>
<color name="october_color_20">#8c4521</color>
<color name="october_color_30">#c45d25</color>
<color name="october_color_40">#dbb021</color>
<color name="october_color_50">#e3d729</color>

PWA prompt