#1E1E24
#444140
#F7EBE8
#FFA987
#E54B4B
Salsa
#1E1E24
#444140
#F7EBE8
#FFA987
#E54B4B
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Black
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1e1e24 | rgb(30, 30, 36) | hsl(240 9.1% 13%) | oklab(24% 0 -0.01) | oklch(24% 0.01 290) | color(display-p3 0.12 0.12 0.14) | |
| #444140 | rgb(68, 65, 64) | hsl(15 3% 26%) | oklab(38% 0 0) | oklch(38% 0 39) | color(display-p3 0.26 0.26 0.25) | |
| #f7ebe8 | rgb(247, 235, 232) | hsl(12 48% 94%) | oklab(95% 0.01 0.01) | oklch(95% 0.01 34) | color(display-p3 0.96 0.92 0.91) | |
| #ffa987 | rgb(255, 169, 135) | hsl(17 100% 76%) | oklab(81% 0.08 0.08) | oklch(81% 0.11 42) | color(display-p3 0.95 0.68 0.55) | |
| #e54b4b | rgb(229, 75, 75) | hsl(0 75% 60%) | oklab(63% 0.17 0.08) | oklch(63% 0.19 24) | color(display-p3 0.83 0.34 0.32) |
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.
#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