Tulips
Actions
Explore the gradient in different formats, and actions.
Colors overview
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #fa82c4 | rgb(250, 130, 196) | hsl(330 92% 75%) | hwb(330 51% 2%) | lch(69.9 53.7 346) | lab(69.9 52.2 -12.7) | cmyk 0%, 48%, 22%, 2% | |
| #ffb2dc | rgb(255, 178, 220) | hsl(330 100% 85%) | hwb(330 70% 0%) | lch(81 34.6 344) | lab(81 33.3 -9.34) | cmyk 0%, 30%, 14%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#fa82c4
AA - 2.31
#ffb2dc
AA - 1.65
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