Chocolate
Actions
Explore the gradient in different formats, and actions.
Colors overview
ī½Brown
ī½Black
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #785131 | rgb(120, 81, 49) | hsl(27 42% 33%) | hwb(27 19% 53%) | lch(38.3 29.2 61.1) | lab(38.3 14.1 25.6) | cmyk 0%, 33%, 59%, 53% | |
ī½ | #262626 | rgb(38, 38, 38) | hsl(none 0% 15%) | hwb(none 15% 85%) | lch(15.2 0 none) | lab(15.2 0 0) | cmyk 0%, 0%, 0%, 85% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#785131
AA - 6.95
ī
#262626
AAA - 15.13
ī
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