#000000
#800000
#C8102E
#F4A460
#b383f2
La Catrina
#000000
#800000
#C8102E
#F4A460
#b383f2
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
Black
Red
Orange
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #000000 | rgb(0, 0, 0) | hsl(none 0% 0%) | hwb(none 0% 100%) | lch(0 0 none) | lab(0 0 0) | cmyk 0%, 0%, 0%, 100% | |
| #800000 | rgb(128, 0, 0) | hsl(0 100% 25%) | hwb(0 0% 50%) | lch(26.2 62.5 39.1) | lab(26.2 48.5 39.4) | cmyk 0%, 100%, 100%, 50% | |
| #c8102e | rgb(200, 16, 46) | hsl(350 85% 42%) | hwb(350 6.3% 22%) | lch(43.3 76.2 29.5) | lab(43.3 66.3 37.5) | cmyk 0%, 92%, 77%, 22% | |
| #f4a460 | rgb(244, 164, 96) | hsl(28 87% 67%) | hwb(28 38% 4.3%) | lch(74.5 53.9 61.5) | lab(74.5 25.7 47.4) | cmyk 0%, 33%, 61%, 4% | |
| #b383f2 | rgb(179, 131, 242) | hsl(270 81% 73%) | hwb(270 51% 5.1%) | lch(63.1 60.9 306) | lab(63.1 35.4 -49.5) | cmyk 26%, 46%, 0%, 5% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#000000
AAA - 21
#800000
AAA - 10.94
#C8102E
AA - 5.88
#F4A460
AA - 2.03
#b383f2
AA - 2.82
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