#7281f6
#bac2fa
#eaecfd
#e85edf
#d91fcc
Lilac
#7281f6
#bac2fa
#eaecfd
#e85edf
#d91fcc
Actions
Explore the palette in different formats, and actions.
Colors overview
îœBlue
îœPink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
îœ | #7281f6 | rgb(114, 129, 246) | hsl(230 88% 71%) | oklab(65% 0.02 -0.17) | oklch(65% 0.17 270) | color(display-p3 0.46 0.5 0.93) | |
îœ | #bac2fa | rgb(186, 194, 250) | hsl(230 86% 85%) | oklab(83% 0.01 -0.08) | oklch(83% 0.08 280) | color(display-p3 0.74 0.76 0.96) | |
îœ | #eaecfd | rgb(234, 236, 253) | hsl(230 83% 95%) | oklab(95% 0 -0.02) | oklch(95% 0.02 280) | color(display-p3 0.92 0.93 0.99) | |
îœ | #e85edf | rgb(232, 94, 223) | hsl(300 75% 64%) | oklab(70% 0.19 -0.11) | oklch(70% 0.22 330) | color(display-p3 0.85 0.4 0.85) | |
îœ | #d91fcc | rgb(217, 31, 204) | hsl(300 75% 49%) | oklab(62% 0.23 -0.13) | oklch(62% 0.27 330) | color(display-p3 0.78 0.21 0.78) |
î 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.
#7281f6
AA - 3.39
î
#bac2fa
AA - 1.72
î
#eaecfd
AA - 1.17
î
#e85edf
AA - 2.95
î
#d91fcc
AA - 4.18
î
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