#181a0f
#595d38
#8c935d
#9d904c
#d0c78c
Color Palette
Crocodile
by Colorffy Team
About
Brown
Brown
Main Actions
#181a0f
#595d38
#8c935d
#9d904c
#d0c78c
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 |
|---|---|---|---|---|---|---|---|
| | #181a0f | rgb(9.41% 10.2% 5.88%) | hwb(71 5.9% 90%) | oklab(21.2% -0.009 0.019) | oklch(21.2% 0.021 117) | color(display-p3 0.096 0.102 0.063) | |
| | #595d38 | rgb(34.9% 36.5% 22%) | hwb(66 22% 64%) | oklab(46.5% -0.022 0.051) | oklch(46.5% 0.056 114) | color(display-p3 0.352 0.364 0.237) | |
| | #8c935d | rgb(54.9% 57.6% 36.5%) | hwb(68 36% 42%) | oklab(64.4% -0.031 0.068) | oklch(64.4% 0.075 115) | color(display-p3 0.554 0.576 0.389) | |
| | #9d904c | rgb(61.6% 56.5% 29.8%) | hwb(50 30% 38%) | oklab(65% -0.014 0.089) | oklch(65% 0.09 98.7) | color(display-p3 0.607 0.566 0.335) | |
| | #d0c78c | rgb(81.6% 78% 54.9%) | hwb(52 55% 18%) | oklab(82.3% -0.014 0.077) | oklch(82.3% 0.078 101) | color(display-p3 0.81 0.782 0.576) |
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
#181a0f
AAA - 17.59
Lc -107
#595d38
AA - 6.89
Lc -89
#8c935d
Fail - 3.25
Lc -65
#9d904c
Fail - 3.21
Lc -65
#d0c78c
Fail - 1.71
Lc -35
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