Haunt

#311818

#543131

#916666

#B08C8C

#D9B3B3

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#311818	rgb(49, 24, 24)	hsl(0 34% 14%)	hwb(0 9.4% 81%)	lch(11.9 14.1 24.2)	lab(11.9 12.8 5.77)	cmyk 0%, 51%, 51%, 81%
	#543131	rgb(84, 49, 49)	hsl(0 26% 26%)	hwb(0 19% 67%)	lch(24.8 17.8 23.5)	lab(24.8 16.3 7.1)	cmyk 0%, 42%, 42%, 67%
	#916666	rgb(145, 102, 102)	hsl(0 17% 48%)	hwb(0 40% 43%)	lch(47.8 19.3 22.2)	lab(47.8 17.8 7.28)	cmyk 0%, 30%, 30%, 43%
	#b08c8c	rgb(176, 140, 140)	hsl(0 19% 62%)	hwb(0 55% 31%)	lch(61.7 15.1 21.3)	lab(61.7 14.1 5.47)	cmyk 0%, 20%, 20%, 31%
	#d9b3b3	rgb(217, 179, 179)	hsl(0 33% 78%)	hwb(0 70% 15%)	lch(76.4 15.2 21)	lab(76.4 14.2 5.44)	cmyk 0%, 18%, 18%, 15%

 Click a color format to copy 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