#52352b
#b38e81
#f4f4f7
#f2e8d5
#e8d9b7
Cream and Sweet
#52352b
#b38e81
#f4f4f7
#f2e8d5
#e8d9b7
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #52352b | rgb(82, 53, 43) | hsl(15 31% 25%) | oklab(36% 0.03 0.03) | oklch(36% 0.05 40) | color(display-p3 0.3 0.21 0.18) | |
| #b38e81 | rgb(179, 142, 129) | hsl(16 25% 60%) | oklab(68% 0.04 0.03) | oklch(68% 0.05 40) | color(display-p3 0.68 0.56 0.51) | |
| #f4f4f7 | rgb(244, 244, 247) | hsl(240 16% 96%) | oklab(97% 0 0) | oklch(97% 0 290) | color(display-p3 0.96 0.96 0.97) | |
| #f2e8d5 | rgb(242, 232, 213) | hsl(39 53% 89%) | oklab(93% 0 0.03) | oklch(93% 0.03 84) | color(display-p3 0.94 0.91 0.84) | |
| #e8d9b7 | rgb(232, 217, 183) | hsl(42 52% 81%) | oklab(89% 0 0.05) | oklch(89% 0.05 87) | color(display-p3 0.9 0.85 0.73) |
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.
#52352b
AAA - 11.03
#b38e81
AA - 2.95
#f4f4f7
AA - 1.09
#f2e8d5
AA - 1.21
#e8d9b7
AA - 1.39
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