#576041
#757d40
#98884c
#bd8d5b
#d5926e
Color Palette
Desert
by Colorffy Team
About
Green
Orange
Brown
nature
dark
Main Actions
#576041
#757d40
#98884c
#bd8d5b
#d5926e
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 |
|---|---|---|---|---|---|---|---|
| | #576041 | rgb(34.1% 37.6% 25.5%) | hwb(77 25% 62%) | oklab(47.2% -0.025 0.042) | oklch(47.2% 0.049 121) | color(display-p3 0.348 0.375 0.268) | |
| | #757d40 | rgb(45.9% 49% 25.1%) | hwb(68 25% 51%) | oklab(56.9% -0.036 0.077) | oklch(56.9% 0.085 115) | color(display-p3 0.465 0.489 0.282) | |
| | #98884c | rgb(59.6% 53.3% 29.8%) | hwb(47 30% 40%) | oklab(62.8% -0.007 0.082) | oklch(62.8% 0.082 94.9) | color(display-p3 0.586 0.536 0.33) | |
| | #bd8d5b | rgb(74.1% 55.3% 35.7%) | hwb(31 36% 26%) | oklab(67.9% 0.035 0.081) | oklch(67.9% 0.088 66.5) | color(display-p3 0.712 0.561 0.386) | |
| | #d5926e | rgb(83.5% 57.3% 43.1%) | hwb(21 43% 16%) | oklab(71.8% 0.063 0.072) | oklch(71.8% 0.095 49) | color(display-p3 0.797 0.584 0.454) |
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
#576041
AA - 6.65
Lc -88
#757d40
Fail - 4.4
Lc -76
#98884c
Fail - 3.52
Lc -68
#bd8d5b
Fail - 2.94
Lc -61
#d5926e
Fail - 2.57
Lc -55
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