Altars

#19192A

#8A8E9C

#E5E8ED

#C07708

#632F0B

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Grey

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#19192a	rgb(25, 25, 42)	hsl(240 25% 13%)	oklab(22% 0.01 -0.03)	oklch(22% 0.03 280)	color(display-p3 0.1 0.1 0.16)
	#8a8e9c	rgb(138, 142, 156)	hsl(230 8.3% 58%)	oklab(65% 0 -0.02)	oklch(65% 0.02 270)	color(display-p3 0.54 0.56 0.61)
	#e5e8ed	rgb(229, 232, 237)	hsl(220 18% 91%)	oklab(93% 0 -0.01)	oklch(93% 0.01 260)	color(display-p3 0.9 0.91 0.93)
	#c07708	rgb(192, 119, 8)	hsl(36 92% 39%)	oklab(63% 0.05 0.13)	oklch(63% 0.14 67)	color(display-p3 0.71 0.48 0.17)
	#632f0b	rgb(99, 47, 11)	hsl(25 80% 22%)	oklab(37% 0.06 0.07)	oklch(37% 0.09 50)	color(display-p3 0.36 0.2 0.08)

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

#19192A

AAA - 17.3



#8A8E9C

AA - 3.26



#E5E8ED

AA - 1.22



#C07708

AA - 3.56



#632F0B

AAA - 10.81



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(22.2% 0.008 -0.032), oklab(64.8% 0.001 -0.021), oklab(93% -0.001 -0.007), oklab(63.3% 0.053 0.127), oklab(36.9% 0.056 0.068))

Fallback colors



background: linear-gradient(45deg, #19192A, #8A8E9C, #E5E8ED, #C07708, #632F0B)

Colors



<!-- Primary Colors -->
<color name="altars_color_10">#19192A</color>
<color name="altars_color_20">#8A8E9C</color>
<color name="altars_color_30">#E5E8ED</color>
<color name="altars_color_40">#C07708</color>
<color name="altars_color_50">#632F0B</color>

PWA prompt