#c39b62
#d8bfac
#d9cbc1
#b2b59e
#6c7055
Forest
#c39b62
#d8bfac
#d9cbc1
#b2b59e
#6c7055
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Green
ī½Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #c39b62 | rgb(195, 155, 98) | hsl(35 45% 57%) | oklab(71% 0.02 0.09) | oklch(71% 0.09 75) | color(display-p3 0.74 0.61 0.42) | |
ī½ | #d8bfac | rgb(216, 191, 172) | hsl(26 36% 76%) | oklab(82% 0.02 0.03) | oklch(82% 0.04 59) | color(display-p3 0.83 0.75 0.68) | |
ī½ | #d9cbc1 | rgb(217, 203, 193) | hsl(25 24% 80%) | oklab(85% 0.01 0.02) | oklch(85% 0.02 58) | color(display-p3 0.84 0.8 0.76) | |
ī½ | #b2b59e | rgb(178, 181, 158) | hsl(68 13% 66%) | oklab(76% -0.01 0.03) | oklch(76% 0.03 110) | color(display-p3 0.7 0.71 0.63) | |
ī½ | #6c7055 | rgb(108, 112, 85) | hsl(69 14% 39%) | oklab(53% -0.02 0.04) | oklch(53% 0.04 110) | color(display-p3 0.43 0.44 0.34) |
ī 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.
#c39b62
AA - 2.56
ī
#d8bfac
AA - 1.75
ī
#d9cbc1
AA - 1.58
ī
#b2b59e
AA - 2.1
ī
#6c7055
AA - 5.13
ī
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