#311818
#543131
#916666
#B08C8C
#D9B3B3
Color Palette
Haunt
by Colorffy Team
About
Brown
halloween
Main Actions
#311818
#543131
#916666
#B08C8C
#D9B3B3
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #311818 | rgb(19.2% 9.41% 9.41%) | hwb(0 9.4% 81%) | oklab(24.4% 0.038 0.014) | oklch(24.4% 0.04 20.4) | color(display-p3 0.179 0.099 0.097) | |
| | #543131 | rgb(32.9% 19.2% 19.2%) | hwb(0 19% 67%) | oklab(35.7% 0.048 0.017) | oklch(35.7% 0.051 19.9) | color(display-p3 0.31 0.198 0.195) | |
| | #916666 | rgb(56.9% 40% 40%) | hwb(0 40% 43%) | oklab(55.5% 0.053 0.018) | oklch(55.5% 0.056 19) | color(display-p3 0.543 0.407 0.404) | |
| | #b08c8c | rgb(69% 54.9% 54.9%) | hwb(0 55% 31%) | oklab(67.4% 0.042 0.014) | oklch(67.4% 0.044 18.3) | color(display-p3 0.668 0.554 0.552) | |
| | #d9b3b3 | rgb(85.1% 70.2% 70.2%) | hwb(0 70% 15%) | oklab(80% 0.042 0.014) | oklch(80% 0.044 18.1) | color(display-p3 0.827 0.708 0.705) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#311818
AAA - 16.47
Lc -106
#543131
AAA - 11.28
Lc -100
#916666
AA - 4.88
Lc -79
#B08C8C
Fail - 3.01
Lc -62
#D9B3B3
Fail - 1.9
Lc -40
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 palette in different UI components.
PWA Prompt