Rain
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœBlue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #1a3e5a | rgb(26, 62, 90) | hsl(210 55% 23%) | hwb(210 10% 65%) | lch(24.6 21.7 255) | lab(24.6 -5.53 -21) | cmyk 71%, 31%, 0%, 65% | |
îœ | #31608d | rgb(49, 96, 141) | hsl(210 48% 37%) | hwb(210 19% 45%) | lch(39 30.6 260) | lab(39 -5.07 -30.2) | cmyk 65%, 32%, 0%, 45% | |
îœ | #4a8cb3 | rgb(74, 140, 179) | hsl(200 42% 50%) | hwb(200 29% 30%) | lch(55.1 30.3 245) | lab(55.1 -12.9 -27.4) | cmyk 59%, 22%, 0%, 30% | |
îœ | #63b1d4 | rgb(99, 177, 212) | hsl(200 57% 61%) | hwb(200 39% 17%) | lch(68.2 31.1 235) | lab(68.2 -17.6 -25.6) | cmyk 53%, 17%, 0%, 17% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#1A3E5A
AAA - 11.16
î
#31608D
AA - 6.58
î
#4A8CB3
AA - 3.68
î
#63B1D4
AA - 2.39
î
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