#870071
#5d00cd
#494af2
#9ba3f9
#f2f4ff
Strong
#870071
#5d00cd
#494af2
#9ba3f9
#f2f4ff
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Purple
ī½Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #870071 | rgb(135, 0, 113) | hsl(310 100% 26%) | oklab(42% 0.17 -0.07) | oklch(42% 0.19 340) | color(display-p3 0.48 0.09 0.43) | |
ī½ | #5d00cd | rgb(93, 0, 205) | hsl(270 100% 40%) | oklab(44% 0.09 -0.23) | oklch(44% 0.25 290) | color(display-p3 0.33 0.05 0.77) | |
ī½ | #494af2 | rgb(73, 74, 242) | hsl(240 87% 62%) | oklab(52% 0.02 -0.24) | oklch(52% 0.24 270) | color(display-p3 0.29 0.29 0.91) | |
ī½ | #9ba3f9 | rgb(155, 163, 249) | hsl(230 89% 79%) | oklab(74% 0.02 -0.12) | oklch(74% 0.12 280) | color(display-p3 0.61 0.64 0.95) | |
ī½ | #f2f4ff | rgb(242, 244, 255) | hsl(230 100% 97%) | oklab(97% 0 -0.01) | oklch(97% 0.01 280) | color(display-p3 0.95 0.96 1) |
ī 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.
#870071
AAA - 9.25
ī
#5d00cd
AAA - 8.94
ī
#494af2
AA - 5.92
ī
#9ba3f9
AA - 2.33
ī
#f2f4ff
AA - 1.09
ī
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