#45222d
#ffb259
#ffe6c9
#A08986
Almond
#45222d
#ffb259
#ffe6c9
#A08986
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #45222d | rgb(69, 34, 45) | hsl(340 34% 20%) | oklab(30% 0.06 0) | oklch(30% 0.06 0.83) | color(display-p3 0.25 0.14 0.18) | |
| #ffb259 | rgb(255, 178, 89) | hsl(32 100% 67%) | oklab(82% 0.05 0.13) | oklch(82% 0.14 68) | color(display-p3 0.96 0.71 0.41) | |
| #ffe6c9 | rgb(255, 230, 201) | hsl(32 100% 89%) | oklab(94% 0.02 0.04) | oklch(94% 0.05 71) | color(display-p3 0.98 0.91 0.8) | |
| #a08986 | rgb(160, 137, 134) | hsl(6.9 12% 58%) | oklab(65% 0.03 0.01) | oklch(65% 0.03 27) | color(display-p3 0.61 0.54 0.53) |
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.
#45222d
AAA - 13.81
#ffb259
AA - 1.78
#ffe6c9
AA - 1.2
#A08986
AA - 3.27
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