#382400
#c3a97f
#fbdcc4
#fff1e5
#ffffff
Coffee
#382400
#c3a97f
#fbdcc4
#fff1e5
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #382400 | rgb(56, 36, 0) | hsl(39 100% 11%) | oklab(28% 0.01 0.06) | oklch(28% 0.06 78) | color(display-p3 0.21 0.14 0.03) | |
| #c3a97f | rgb(195, 169, 127) | hsl(37 36% 63%) | oklab(75% 0.01 0.06) | oklch(75% 0.06 79) | color(display-p3 0.75 0.67 0.52) | |
| #fbdcc4 | rgb(251, 220, 196) | hsl(26 87% 88%) | oklab(91% 0.02 0.04) | oklch(91% 0.05 60) | color(display-p3 0.96 0.87 0.78) | |
| #fff1e5 | rgb(255, 241, 229) | hsl(28 100% 95%) | oklab(97% 0.01 0.02) | oklch(97% 0.02 63) | color(display-p3 0.99 0.95 0.9) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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.
#382400
AAA - 14.78
#c3a97f
AA - 2.25
#fbdcc4
AA - 1.3
#fff1e5
AA - 1.1
#ffffff
AA - 1
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