#2e2c1d
#b49f74
#c4c8b1
#e9e6d3
#3f695f
Color Palette
Ocean Cliff
by Colorffy Team
About
Brown
Grey
Main Actions
#2e2c1d
#b49f74
#c4c8b1
#e9e6d3
#3f695f
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 |
|---|---|---|---|---|---|---|---|
| | #2e2c1d | rgb(18% 17.3% 11.4%) | hwb(53 11% 82%) | oklab(29.1% -0.005 0.025) | oklch(29.1% 0.026 101) | color(display-p3 0.179 0.173 0.12) | |
| | #b49f74 | rgb(70.6% 62.4% 45.5%) | hwb(40 45% 29%) | oklab(71% 0.006 0.063) | oklch(71% 0.063 84.8) | color(display-p3 0.692 0.626 0.475) | |
| | #c4c8b1 | rgb(76.9% 78.4% 69.4%) | hwb(70 69% 22%) | oklab(82.3% -0.013 0.029) | oklch(82.3% 0.032 115) | color(display-p3 0.771 0.784 0.703) | |
| | #e9e6d3 | rgb(91.4% 90.2% 82.7%) | hwb(52 83% 8.6%) | oklab(92.2% -0.004 0.025) | oklch(92.2% 0.025 99.5) | color(display-p3 0.912 0.902 0.835) | |
| | #3f695f | rgb(24.7% 41.2% 37.3%) | hwb(170 25% 59%) | oklab(48.7% -0.05 0.002) | oklch(48.7% 0.05 177) | color(display-p3 0.285 0.408 0.374) |
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
#2e2c1d
AAA - 14.05
Lc -104
#b49f74
Fail - 2.57
Lc -55
#c4c8b1
Fail - 1.71
Lc -35
#e9e6d3
Fail - 1.25
Lc -15
#3f695f
AA - 6.18
Lc -86
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