#2e2c1d
#b49f74
#c4c8b1
#e9e6d3
#3f695f
Ocean Cliff
#2e2c1d
#b49f74
#c4c8b1
#e9e6d3
#3f695f
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #2e2c1d | rgb(46, 44, 29) | hsl(53 23% 15%) | oklab(29% -0.01 0.03) | oklch(29% 0.03 100) | color(display-p3 0.18 0.17 0.12) | |
| #b49f74 | rgb(180, 159, 116) | hsl(40 30% 58%) | oklab(71% 0.01 0.06) | oklch(71% 0.06 85) | color(display-p3 0.69 0.63 0.48) | |
| #c4c8b1 | rgb(196, 200, 177) | hsl(70 17% 74%) | oklab(82% -0.01 0.03) | oklch(82% 0.03 120) | color(display-p3 0.77 0.78 0.7) | |
| #e9e6d3 | rgb(233, 230, 211) | hsl(52 33% 87%) | oklab(92% 0 0.03) | oklch(92% 0.03 100) | color(display-p3 0.91 0.9 0.83) | |
| #3f695f | rgb(63, 105, 95) | hsl(170 25% 33%) | oklab(49% -0.05 0) | oklch(49% 0.05 180) | color(display-p3 0.28 0.41 0.37) |
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.
#2e2c1d
AAA - 14.05
#b49f74
AA - 2.57
#c4c8b1
AA - 1.71
#e9e6d3
AA - 1.25
#3f695f
AA - 6.18
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