Hot
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœOrange
îœPink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #e33486 | rgb(227, 52, 134) | hsl(330 76% 55%) | hwb(330 20% 11%) | lch(52.9 70.2 358) | lab(52.9 70.1 -2.47) | cmyk 0%, 77%, 41%, 11% | |
îœ | #ff5208 | rgb(255, 82, 8) | hsl(18 100% 52%) | hwb(18 3.1% 0%) | lch(60.2 95.4 47.2) | lab(60.2 64.9 69.9) | cmyk 0%, 68%, 97%, 0% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#e33486
AA - 4.11
î
#ff5208
AA - 3.24
î
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