October

#69471f

#8c4521

#c45d25

#dbb021

#e3d729

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#69471f	rgb(105, 71, 31)	hsl(32 54% 27%)	oklab(43% 0.03 0.07)	oklch(43% 0.07 68)	color(display-p3 0.39 0.28 0.15)
	#8c4521	rgb(140, 69, 33)	hsl(20 62% 34%)	oklab(47% 0.08 0.08)	oklch(47% 0.11 45)	color(display-p3 0.51 0.29 0.16)
	#c45d25	rgb(196, 93, 37)	hsl(21 68% 46%)	oklab(60% 0.1 0.11)	oklch(60% 0.15 46)	color(display-p3 0.72 0.39 0.2)
	#dbb021	rgb(219, 176, 33)	hsl(46 74% 49%)	oklab(77% 0 0.15)	oklch(77% 0.15 90)	color(display-p3 0.83 0.7 0.27)
	#e3d729	rgb(227, 215, 41)	hsl(56 77% 53%)	oklab(86% -0.05 0.17)	oklch(86% 0.17 110)	color(display-p3 0.88 0.84 0.32)

 Click on a color value to copy it 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