Cinder
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœGrey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #4d4c4c | rgb(77, 76, 76) | hsl(0 0.65% 30%) | hwb(0 30% 70%) | lch(32.4 0.453 19.8) | lab(32.4 0.426 0.153) | cmyk 0%, 1%, 1%, 70% | |
îœ | #403f3f | rgb(64, 63, 63) | hsl(0 0.79% 25%) | hwb(0 25% 75%) | lch(26.8 0.467 19.8) | lab(26.8 0.44 0.158) | cmyk 0%, 2%, 2%, 75% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4d4c4c
AAA - 8.55
î
#403f3f
AAA - 10.49
î
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