October

#2bcfde

#dbc839

#e89c6d

#d4631e

#8c2d24

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Yellow

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#2bcfde	rgb(43, 207, 222)	hsl(190 73% 52%)	oklab(78% -0.11 -0.05)	oklch(78% 0.13 200)	color(display-p3 0.4 0.8 0.86)
	#dbc839	rgb(219, 200, 57)	hsl(53 69% 54%)	oklab(82% -0.03 0.15)	oklch(82% 0.16 100)	color(display-p3 0.85 0.79 0.33)
	#e89c6d	rgb(232, 156, 109)	hsl(23 73% 67%)	oklab(76% 0.07 0.09)	oklch(76% 0.11 52)	color(display-p3 0.87 0.62 0.46)
	#d4631e	rgb(212, 99, 30)	hsl(23 75% 47%)	oklab(63% 0.11 0.12)	oklch(63% 0.16 47)	color(display-p3 0.78 0.41 0.2)
	#8c2d24	rgb(140, 45, 36)	hsl(5.2 59% 35%)	oklab(44% 0.11 0.06)	oklch(44% 0.13 29)	color(display-p3 0.51 0.2 0.16)

 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.

#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