#311818
#543131
#916666
#B08C8C
#D9B3B3
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 | Actions |
|---|---|---|---|---|---|---|---|
| | #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.
PWA prompt