Scarlet
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœRed
îœPink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #da0462 | rgb(218, 4, 98) | hsl(330 96% 44%) | hwb(330 1.6% 15%) | lch(47.5 74.5 8.89) | lab(47.5 73.7 11.5) | cmyk 0%, 98%, 55%, 15% | |
îœ | #df096b | rgb(223, 9, 107) | hsl(330 92% 45%) | hwb(330 3.5% 13%) | lch(48.9 75.3 6.12) | lab(48.9 74.9 8.02) | cmyk 0%, 96%, 52%, 13% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#da0462
AA - 5.03
î
#df096b
AA - 4.78
î
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