Ocean
Actions
Explore the gradient in different formats, and actions.
Colors overview
Blue
Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #483bff | rgb(72, 59, 255) | hsl(240 100% 62%) | hwb(240 23% 0%) | lch(39 110 299) | lab(39 53.1 -96.3) | cmyk 72%, 77%, 0%, 0% | |
| #5ce9ff | rgb(92, 233, 255) | hsl(190 100% 68%) | hwb(190 36% 0%) | lch(85.4 41.3 213) | lab(85.4 -34.6 -22.6) | cmyk 64%, 9%, 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.
#483bff
AA - 6.27
#5ce9ff
AA - 1.44
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