#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 | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #a0d2ec | rgb(160, 210, 236) | hsl(200 67% 78%) | oklab(84% -0.04 -0.05) | oklch(84% 0.06 230) | color(display-p3 0.67 0.82 0.91) | |
| #e5eaf4 | rgb(229, 234, 244) | hsl(220 41% 93%) | oklab(94% 0 -0.01) | oklch(94% 0.01 260) | color(display-p3 0.9 0.92 0.95) | |
| #d0bdf3 | rgb(208, 189, 243) | hsl(260 69% 85%) | oklab(83% 0.04 -0.07) | oklch(83% 0.08 300) | color(display-p3 0.8 0.74 0.94) | |
| #8458b4 | rgb(132, 88, 180) | hsl(270 38% 53%) | oklab(55% 0.08 -0.12) | oklch(55% 0.14 300) | color(display-p3 0.49 0.35 0.68) | |
| #494d5f | rgb(73, 77, 95) | hsl(230 13% 33%) | oklab(42% 0 -0.03) | oklch(42% 0.03 280) | color(display-p3 0.29 0.3 0.37) |
Click on a color value to copy it 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