Love
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœRed
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #d41313 | rgb(212, 19, 19) | hsl(0 84% 45%) | hwb(0 7.5% 17%) | lch(45.8 87.8 38.6) | lab(45.8 68.6 54.7) | cmyk 0%, 91%, 91%, 17% | |
îœ | #8a0000 | rgb(138, 0, 0) | hsl(0 100% 27%) | hwb(0 0% 46%) | lch(28.5 66.5 39.7) | lab(28.5 51.2 42.5) | cmyk 0%, 100%, 100%, 46% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#d41313
AA - 5.38
î
#8a0000
AAA - 10.09
î
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.
îż
32°
CPU
îż
48°
GPU
î
100%
Usage
ï
¶
11°
Rain

70%
Storage
PWA prompt