#52352b
#b38e81
#f4f4f7
#f2e8d5
#e8d9b7
Cream and Sweet
#52352b
#b38e81
#f4f4f7
#f2e8d5
#e8d9b7
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Brown
White
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #52352b | rgb(82, 53, 43) | hsl(15 31% 25%) | hwb(15 17% 68%) | lch(25.5 17.2 43.8) | lab(25.5 12.4 11.9) | cmyk 0%, 35%, 48%, 68% | |
| #b38e81 | rgb(179, 142, 129) | hsl(16 25% 60%) | hwb(16 51% 30%) | lch(62.3 18.1 44) | lab(62.3 13 12.6) | cmyk 0%, 21%, 28%, 30% | |
| #f4f4f7 | rgb(244, 244, 247) | hsl(240 16% 96%) | hwb(240 96% 3.1%) | lch(96.3 1.5 285) | lab(96.3 0.397 -1.45) | cmyk 1%, 1%, 0%, 3% | |
| #f2e8d5 | rgb(242, 232, 213) | hsl(39 53% 89%) | hwb(39 84% 5.1%) | lch(92.4 10.6 83.6) | lab(92.4 1.18 10.6) | cmyk 0%, 4%, 12%, 5% | |
| #e8d9b7 | rgb(232, 217, 183) | hsl(42 52% 81%) | hwb(42 72% 9%) | lch(87.3 18.8 85.8) | lab(87.3 1.39 18.8) | cmyk 0%, 6%, 21%, 9% |
Click a color format to copy 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