#2c1408
#5d2809
#8f471e
Chocolate
#2c1408
#5d2809
#8f471e
Actions
Explore the palette in different formats, and actions.
Colors overview
îœBrown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
îœ | #2c1408 | rgb(44, 20, 8) | hsl(20 69% 10%) | oklab(22% 0.03 0.03) | oklch(22% 0.04 46) | color(display-p3 0.16 0.08 0.04) | |
îœ | #5d2809 | rgb(93, 40, 9) | hsl(22 82% 20%) | oklab(35% 0.06 0.06) | oklch(35% 0.09 46) | color(display-p3 0.34 0.17 0.07) | |
îœ | #8f471e | rgb(143, 71, 30) | hsl(22 65% 34%) | oklab(48% 0.08 0.08) | oklch(48% 0.11 47) | color(display-p3 0.52 0.29 0.16) |
î 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.
#2c1408
AAA - 17.34
î
#5d2809
AAA - 11.84
î
#8f471e
AA - 6.8
î
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