#a0d2ec
#e5eaf4
#d0bdf3
#8458b4
#494d5f
Spooky
#a0d2ec
#e5eaf4
#d0bdf3
#8458b4
#494d5f
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #a0d2ec | rgb(160, 210, 236) | hsl(200 67% 78%) | hwb(200 63% 7.5%) | lch(81.4 22.1 236) | lab(81.4 -12.2 -18.4) | cmyk 32%, 11%, 0%, 7% | |
| #e5eaf4 | rgb(229, 234, 244) | hsl(220 41% 93%) | hwb(220 90% 4.3%) | lch(92.5 5.48 266) | lab(92.5 -0.349 -5.47) | cmyk 6%, 4%, 0%, 4% | |
| #d0bdf3 | rgb(208, 189, 243) | hsl(260 69% 85%) | hwb(260 74% 4.7%) | lch(79.6 28.5 301) | lab(79.6 14.7 -24.4) | cmyk 14%, 22%, 0%, 5% | |
| #8458b4 | rgb(132, 88, 180) | hsl(270 38% 53%) | hwb(270 35% 29%) | lch(45.5 53.7 307) | lab(45.5 32.6 -42.6) | cmyk 27%, 51%, 0%, 29% | |
| #494d5f | rgb(73, 77, 95) | hsl(230 13% 33%) | hwb(230 29% 63%) | lch(32.9 11.3 278) | lab(32.9 1.66 -11.2) | cmyk 23%, 19%, 0%, 63% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#a0d2ec
AA - 1.62
#e5eaf4
AA - 1.2
#d0bdf3
AA - 1.71
#8458b4
AA - 5.2
#494d5f
AAA - 8.36
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.
PWA prompt