Clean Water
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
HDR gradient
Switch to HDR to enhance the gradient
Quick view
Inspect colors in multiple color spaces
Colors overview
Blue
Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #06218c | rgb(6, 33, 140) | hsl(230 92% 29%) | hwb(230 2.4% 45%) | lch(18.9 68.4 295) | lab(18.9 28.5 -62.2) | cmyk 96%, 76%, 0%, 45% | |
| #4d68cf | rgb(77, 104, 207) | hsl(230 58% 56%) | hwb(230 30% 19%) | lch(46.1 59.5 285) | lab(46.1 15.3 -57.5) | cmyk 63%, 50%, 0%, 19% | |
| #43d1cb | rgb(67, 209, 203) | hsl(180 61% 54%) | hwb(180 26% 18%) | lch(76.4 40.8 192) | lab(76.4 -39.9 -8.66) | cmyk 68%, 0%, 3%, 18% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#06218c
AAA - 13.09
#4d68cf
AA - 5
#43d1cb
AA - 1.87
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