Rain
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœBlue
îœWhite
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #fafafa | rgb(250, 250, 250) | hsl(none 0% 98%) | hwb(none 98% 2%) | lch(98.3 0 none) | lab(98.3 0 0) | cmyk 0%, 0%, 0%, 2% | |
îœ | #f0f8ff | rgb(240, 248, 255) | hsl(210 100% 97%) | hwb(210 94% 0%) | lch(97.1 4.68 248) | lab(97.1 -1.77 -4.33) | cmyk 6%, 3%, 0%, 0% | |
îœ | #d1e9f6 | rgb(209, 233, 246) | hsl(200 67% 89%) | hwb(200 82% 3.5%) | lch(90.9 11.1 236) | lab(90.9 -6.24 -9.15) | cmyk 15%, 5%, 0%, 4% | |
îœ | #b3d3ed | rgb(179, 211, 237) | hsl(210 62% 82%) | hwb(210 70% 7.1%) | lch(82.8 17.9 248) | lab(82.8 -6.75 -16.6) | cmyk 24%, 11%, 0%, 7% | |
îœ | #95c4e5 | rgb(149, 196, 229) | hsl(200 61% 74%) | hwb(200 58% 10%) | lch(76.7 24 245) | lab(76.7 -10 -21.8) | cmyk 35%, 14%, 0%, 10% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#fafafa
AA - 1.04
î
#f0f8ff
AA - 1.07
î
#d1e9f6
AA - 1.25
î
#b3d3ed
AA - 1.56
î
#95c4e5
AA - 1.85
î
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