#2b1e23
#36272b
#60464c
#8b646e
#e0a2b2
Ground
#2b1e23
#36272b
#60464c
#8b646e
#e0a2b2
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #2b1e23 | rgb(43, 30, 35) | hsl(340 18% 14%) | oklab(25% 0.02 0) | oklch(25% 0.02 350) | color(display-p3 0.16 0.12 0.14) | |
| #36272b | rgb(54, 39, 43) | hsl(340 16% 18%) | oklab(29% 0.02 0) | oklch(29% 0.02 0.99) | color(display-p3 0.2 0.16 0.17) | |
| #60464c | rgb(96, 70, 76) | hsl(350 16% 33%) | oklab(42% 0.04 0) | oklch(42% 0.04 3.5) | color(display-p3 0.36 0.28 0.3) | |
| #8b646e | rgb(139, 100, 110) | hsl(340 16% 47%) | oklab(55% 0.05 0) | oklch(55% 0.05 2.1) | color(display-p3 0.52 0.4 0.43) | |
| #e0a2b2 | rgb(224, 162, 178) | hsl(340 50% 76%) | oklab(78% 0.08 0) | oklch(78% 0.08 2) | color(display-p3 0.84 0.65 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.
#2b1e23
AAA - 15.99
#36272b
AAA - 14.17
#60464c
AAA - 8.47
#8b646e
AA - 5.06
#e0a2b2
AA - 2.1
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