#10005d
#1b289a
#3351e5
#f3bd81
#860b9a
Future
#10005d
#1b289a
#3351e5
#f3bd81
#860b9a
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Blue
ī½Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #10005d | rgb(16, 0, 93) | hsl(250 100% 18%) | oklab(23% 0.01 -0.14) | oklch(23% 0.14 270) | color(display-p3 0.05 0 0.35) | |
ī½ | #1b289a | rgb(27, 40, 154) | hsl(230 70% 35%) | oklab(36% 0 -0.18) | oklch(36% 0.18 270) | color(display-p3 0.12 0.16 0.58) | |
ī½ | #3351e5 | rgb(51, 81, 229) | hsl(230 77% 55%) | oklab(51% -0.01 -0.22) | oklch(51% 0.23 270) | color(display-p3 0.23 0.31 0.87) | |
ī½ | #f3bd81 | rgb(243, 189, 129) | hsl(32 83% 73%) | oklab(83% 0.04 0.09) | oklch(83% 0.1 69) | color(display-p3 0.92 0.75 0.54) | |
ī½ | #860b9a | rgb(134, 11, 154) | hsl(290 87% 32%) | oklab(45% 0.16 -0.13) | oklch(45% 0.21 320) | color(display-p3 0.48 0.11 0.58) |
ī 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.
#10005d
AAA - 17.79
ī
#1b289a
AAA - 11.55
ī
#3351e5
AA - 6.08
ī
#f3bd81
AA - 1.69
ī
#860b9a
AAA - 8.3
ī
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