Peace
Actions
Explore the gradient in different formats, and actions.
Colors overview
Blue
Green
Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #80ffb5 | rgb(128, 255, 181) | hsl(150 100% 75%) | hwb(150 50% 0%) | lch(91.4 54.9 154) | lab(91.4 -49.3 24.2) | cmyk 50%, 0%, 29%, 0% | |
| #94d4ff | rgb(148, 212, 255) | hsl(200 100% 79%) | hwb(200 58% 0%) | lch(81.8 30.8 245) | lab(81.8 -12.9 -27.9) | cmyk 42%, 17%, 0%, 0% | |
| #809bff | rgb(128, 155, 255) | hsl(230 100% 75%) | hwb(230 50% 0%) | lch(65.2 54.7 282) | lab(65.2 11 -53.6) | cmyk 50%, 39%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#80ffb5
AA - 1.24
#94d4ff
AA - 1.6
#809bff
AA - 2.6
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