Maple Leaf
Actions
Explore the gradient in different formats, and actions.
Colors overview
Red
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #be4146 | rgb(190, 65, 70) | hsl(360 49% 50%) | hwb(360 25% 25%) | lch(46.5 57.4 27.1) | lab(46.5 51.1 26.1) | cmyk 0%, 66%, 63%, 25% | |
| #d26764 | rgb(210, 103, 100) | hsl(1.6 55% 61%) | hwb(1.6 39% 18%) | lch(56.9 48.5 27.8) | lab(56.9 42.9 22.6) | cmyk 0%, 51%, 52%, 18% | |
| #f2acac | rgb(242, 172, 172) | hsl(0 73% 81%) | hwb(0 67% 5.1%) | lch(77.2 28.6 22.2) | lab(77.2 26.4 10.8) | cmyk 0%, 29%, 29%, 5% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#be4146
AA - 5.2
#d26764
AA - 3.58
#f2acac
AA - 1.86
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