October

#2bcfde

#dbc839

#e89c6d

#d4631e

#8c2d24

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Yellow

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2bcfde	rgb(43, 207, 222)	hsl(190 73% 52%)	hwb(190 17% 13%)	lch(75.9 42.4 208)	lab(75.9 -37.6 -19.7)	cmyk 81%, 7%, 0%, 13%
	#dbc839	rgb(219, 200, 57)	hsl(53 69% 54%)	hwb(53 22% 14%)	lch(80.4 69 93.5)	lab(80.4 -4.15 68.9)	cmyk 0%, 9%, 74%, 14%
	#e89c6d	rgb(232, 156, 109)	hsl(23 73% 67%)	hwb(23 43% 9%)	lch(71.4 44.7 55)	lab(71.4 25.6 36.6)	cmyk 0%, 33%, 53%, 9%
	#d4631e	rgb(212, 99, 30)	hsl(23 75% 47%)	hwb(23 12% 17%)	lch(55.8 71.4 53.1)	lab(55.8 42.9 57.1)	cmyk 0%, 53%, 86%, 17%
	#8c2d24	rgb(140, 45, 36)	hsl(5.2 59% 35%)	hwb(5.2 14% 45%)	lch(33.6 49.8 35.4)	lab(33.6 40.5 28.8)	cmyk 0%, 68%, 74%, 45%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2bcfde

AA - 1.89



#dbc839

AA - 1.7



#e89c6d

AA - 2.23



#d4631e

AA - 3.74



#8c2d24

AAA - 8.34



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(78.3% -0.115 -0.053), oklab(82.5% -0.031 0.152), oklab(75.8% 0.068 0.087), oklab(62.8% 0.11 0.118), oklab(43.8% 0.114 0.063))

Fallback colors



background: linear-gradient(45deg, #2bcfde, #dbc839, #e89c6d, #d4631e, #8c2d24)

Colors



<!-- Primary Colors -->
<color name="october_color_10">#2bcfde</color>
<color name="october_color_20">#dbc839</color>
<color name="october_color_30">#e89c6d</color>
<color name="october_color_40">#d4631e</color>
<color name="october_color_50">#8c2d24</color>

PWA prompt