Volcanoes
Actions
Explore the gradient in different formats, and actions.
Colors overview
Red
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #82a0b0 | rgb(130, 160, 176) | hsl(200 23% 60%) | hwb(200 51% 31%) | lch(64 14.4 236) | lab(64 -7.97 -12) | cmyk 26%, 9%, 0%, 31% | |
| #f22d2c | rgb(242, 45, 44) | hsl(0.3 88% 56%) | hwb(0.3 17% 5.1%) | lch(53.8 89.1 35.7) | lab(53.8 72.3 52) | cmyk 0%, 81%, 82%, 5% | |
| #7b1f33 | rgb(123, 31, 51) | hsl(350 60% 30%) | hwb(350 12% 52%) | lch(28.4 42.6 16.3) | lab(28.4 40.9 11.9) | cmyk 0%, 75%, 59%, 52% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#82a0b0
AA - 2.76
#f22d2c
AA - 4.04
#7b1f33
AAA - 10.06
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