Grapes
Actions
Explore the gradient in different formats, and actions.
Colors overview
ī½Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #36042c | rgb(54, 4, 44) | hsl(310 86% 11%) | hwb(310 1.6% 79%) | lch(9.49 30.6 336) | lab(9.49 27.9 -12.6) | cmyk 0%, 93%, 19%, 79% | |
ī½ | #4c1d43 | rgb(76, 29, 67) | hsl(310 45% 21%) | hwb(310 11% 70%) | lch(19.3 29.8 333) | lab(19.3 26.7 -13.3) | cmyk 0%, 62%, 12%, 70% | |
ī½ | #712a63 | rgb(113, 42, 99) | hsl(310 46% 30%) | hwb(310 16% 56%) | lch(29.6 41.4 334) | lab(29.6 37.2 -18.1) | cmyk 0%, 63%, 12%, 56% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#36042c
AAA - 17.34
ī
#4c1d43
AAA - 13.42
ī
#712a63
AAA - 9.48
ī
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