Magenta
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœPink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #e02dc8 | rgb(224, 45, 200) | hsl(310 74% 53%) | hwb(310 18% 12%) | lch(54 86.3 333) | lab(54 76.7 -39.7) | cmyk 0%, 80%, 11%, 12% | |
îœ | #801a77 | rgb(128, 26, 119) | hsl(310 66% 30%) | hwb(310 10% 50%) | lch(31 57.6 330) | lab(31 50 -28.5) | cmyk 0%, 80%, 7%, 50% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#e02dc8
AA - 3.9
î
#801a77
AAA - 9
î
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