#F2EFDC
#A79986
#6A5A52
#453C36
Chai
#F2EFDC
#A79986
#6A5A52
#453C36
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
White
Brown
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #f2efdc | rgb(242, 239, 220) | hsl(52 46% 91%) | hwb(52 86% 5.1%) | lch(94.3 9.7 97.9) | lab(94.3 -1.34 9.6) | cmyk 0%, 1%, 9%, 5% | |
| #a79986 | rgb(167, 153, 134) | hsl(35 16% 59%) | hwb(35 53% 35%) | lch(64.1 12.4 76.1) | lab(64.1 2.97 12) | cmyk 0%, 8%, 20%, 35% | |
| #6a5a52 | rgb(106, 90, 82) | hsl(20 13% 37%) | hwb(20 32% 58%) | lch(39.7 9.16 51.6) | lab(39.7 5.69 7.18) | cmyk 0%, 15%, 23%, 58% | |
| #453c36 | rgb(69, 60, 54) | hsl(24 12% 24%) | hwb(24 21% 73%) | lch(26.1 6.13 58.7) | lab(26.1 3.18 5.23) | cmyk 0%, 13%, 22%, 73% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#F2EFDC
AA - 1.15
#A79986
AA - 2.78
#6A5A52
AA - 6.56
#453C36
AAA - 10.75
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