#EED8AE
#CBB48C
#92877D
#6B625D
Wheat
#EED8AE
#CBB48C
#92877D
#6B625D
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #eed8ae | rgb(238, 216, 174) | hsl(39 65% 81%) | oklab(89% 0.01 0.06) | oklch(89% 0.06 83) | color(display-p3 0.92 0.85 0.7) | |
| | #cbb48c | rgb(203, 180, 140) | hsl(38 38% 67%) | oklab(78% 0.01 0.06) | oklch(78% 0.06 81) | color(display-p3 0.78 0.71 0.57) | |
| | #92877d | rgb(146, 135, 125) | hsl(29 8.8% 53%) | oklab(63% 0.01 0.02) | oklch(63% 0.02 65) | color(display-p3 0.57 0.53 0.49) | |
| | #6b625d | rgb(107, 98, 93) | hsl(21 7% 39%) | oklab(50% 0.01 0.01) | oklch(50% 0.01 51) | color(display-p3 0.41 0.39 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.
#EED8AE
AA - 1.39
#CBB48C
AA - 2.01
#92877D
AA - 3.5
#6B625D
AA - 5.94
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