#1E1E24
#444140
#F7EBE8
#FFA987
#E54B4B
Salsa
#1E1E24
#444140
#F7EBE8
#FFA987
#E54B4B
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
Red
Orange
Black
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #1e1e24 | rgb(30, 30, 36) | hsl(240 9.1% 13%) | hwb(240 12% 86%) | lch(11.5 4.27 286) | lab(11.5 1.2 -4.1) | cmyk 17%, 17%, 0%, 86% | |
| #444140 | rgb(68, 65, 64) | hsl(15 3% 26%) | hwb(15 25% 73%) | lch(27.8 1.59 43.3) | lab(27.8 1.16 1.09) | cmyk 0%, 4%, 6%, 73% | |
| #f7ebe8 | rgb(247, 235, 232) | hsl(12 48% 94%) | hwb(12 91% 3.1%) | lch(93.9 4.84 38) | lab(93.9 3.82 2.99) | cmyk 0%, 5%, 6%, 3% | |
| #ffa987 | rgb(255, 169, 135) | hsl(17 100% 76%) | hwb(17 53% 0%) | lch(77.4 43.2 46.2) | lab(77.4 29.9 31.2) | cmyk 0%, 34%, 47%, 0% | |
| #e54b4b | rgb(229, 75, 75) | hsl(0 75% 60%) | hwb(0 29% 10%) | lch(55 69.9 30.4) | lab(55 60.3 35.3) | cmyk 0%, 67%, 67%, 10% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#1E1E24
AAA - 16.58
#444140
AAA - 10.11
#F7EBE8
AA - 1.16
#FFA987
AA - 1.86
#E54B4B
AA - 3.86
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