Haunt

#311818

#543131

#916666

#B08C8C

#D9B3B3

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#311818	rgb(49, 24, 24)	hsl(0 34% 14%)	oklab(24% 0.04 0.01)	oklch(24% 0.04 20)	color(display-p3 0.18 0.1 0.1)
	#543131	rgb(84, 49, 49)	hsl(0 26% 26%)	oklab(36% 0.05 0.02)	oklch(36% 0.05 20)	color(display-p3 0.31 0.2 0.2)
	#916666	rgb(145, 102, 102)	hsl(0 17% 48%)	oklab(55% 0.05 0.02)	oklch(55% 0.06 19)	color(display-p3 0.54 0.41 0.4)
	#b08c8c	rgb(176, 140, 140)	hsl(0 19% 62%)	oklab(67% 0.04 0.01)	oklch(67% 0.04 18)	color(display-p3 0.67 0.55 0.55)
	#d9b3b3	rgb(217, 179, 179)	hsl(0 33% 78%)	oklab(80% 0.04 0.01)	oklch(80% 0.04 18)	color(display-p3 0.83 0.71 0.7)

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

#311818

AAA - 16.47



#543131

AAA - 11.28



#916666

AA - 4.88



#B08C8C

AA - 3.01



#D9B3B3

AA - 1.9



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(24.4% 0.038 0.014), oklab(35.7% 0.048 0.017), oklab(55.5% 0.053 0.018), oklab(67.4% 0.042 0.014), oklab(80% 0.042 0.014))

Fallback colors



background: linear-gradient(45deg, #311818, #543131, #916666, #B08C8C, #D9B3B3)

Colors



<!-- Primary Colors -->
<color name="haunt_color_10">#311818</color>
<color name="haunt_color_20">#543131</color>
<color name="haunt_color_30">#916666</color>
<color name="haunt_color_40">#B08C8C</color>
<color name="haunt_color_50">#D9B3B3</color>

PWA prompt