#1d0c9c
#7361fa
#a9a9f5
#bcf5be
#025c05
Lavender
#1d0c9c
#7361fa
#a9a9f5
#bcf5be
#025c05
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1d0c9c | rgb(29, 12, 156) | hsl(250 86% 33%) | oklab(33% 0 -0.2) | oklch(33% 0.2 270) | color(display-p3 0.1 0.05 0.59) | |
| #7361fa | rgb(115, 97, 250) | hsl(250 94% 68%) | oklab(60% 0.05 -0.21) | oklch(60% 0.22 280) | color(display-p3 0.44 0.38 0.95) | |
| #a9a9f5 | rgb(169, 169, 245) | hsl(240 79% 81%) | oklab(76% 0.03 -0.11) | oklch(76% 0.11 280) | color(display-p3 0.66 0.66 0.94) | |
| #bcf5be | rgb(188, 245, 190) | hsl(120 74% 85%) | oklab(92% -0.08 0.05) | oklch(92% 0.09 150) | color(display-p3 0.78 0.95 0.76) | |
| #025c05 | rgb(2, 92, 5) | hsl(120 96% 18%) | oklab(41% -0.11 0.08) | oklch(41% 0.14 140) | color(display-p3 0.15 0.36 0.09) |
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.
#1d0c9c
AAA - 13.25
#7361fa
AA - 4.35
#a9a9f5
AA - 2.16
#bcf5be
AA - 1.23
#025c05
AAA - 8.28
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