Blizzard
Actions
Explore the gradient in different formats, and actions.
Colors overview
White
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #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% | |
| #c6e2ff | rgb(198, 226, 255) | hsl(210 100% 89%) | hwb(210 78% 0%) | lch(88.5 18.1 254) | lab(88.5 -4.97 -17.4) | cmyk 22%, 11%, 0%, 0% | |
| #a0c4f0 | rgb(160, 196, 240) | hsl(210 73% 78%) | hwb(210 63% 5.9%) | lch(77.7 26.5 260) | lab(77.7 -4.66 -26.1) | cmyk 33%, 18%, 0%, 6% | |
| #7a98db | rgb(122, 152, 219) | hsl(220 57% 67%) | hwb(220 48% 14%) | lch(62.6 38.1 274) | lab(62.6 2.59 -38) | cmyk 44%, 31%, 0%, 14% | |
| #5c7bd9 | rgb(92, 123, 217) | hsl(230 62% 61%) | hwb(230 36% 15%) | lch(52.7 53.6 281) | lab(52.7 10.4 -52.6) | cmyk 58%, 43%, 0%, 15% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#F0F8FF
AA - 1.07
#C6E2FF
AA - 1.33
#A0C4F0
AA - 1.8
#7A98DB
AA - 2.86
#5C7BD9
AA - 3.96
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