#72AEE9
#5316BA
#541E87
#05052E
#AB9CDF
Night
#72AEE9
#5316BA
#541E87
#05052E
#AB9CDF
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #72aee9 | rgb(114, 174, 233) | hsl(210 73% 68%) | oklab(73% -0.04 -0.1) | oklch(73% 0.11 250) | color(display-p3 0.5 0.68 0.89) | |
| #5316ba | rgb(83, 22, 186) | hsl(260 79% 41%) | oklab(42% 0.07 -0.21) | oklch(42% 0.22 290) | color(display-p3 0.3 0.1 0.7) | |
| #541e87 | rgb(84, 30, 135) | hsl(270 64% 32%) | oklab(38% 0.09 -0.14) | oklch(38% 0.16 300) | color(display-p3 0.3 0.13 0.51) | |
| #05052e | rgb(5, 5, 46) | hsl(240 80% 10%) | oklab(16% 0 -0.08) | oklch(16% 0.08 270) | color(display-p3 0.02 0.02 0.17) | |
| #ab9cdf | rgb(171, 156, 223) | hsl(250 51% 74%) | oklab(73% 0.04 -0.09) | oklch(73% 0.1 290) | color(display-p3 0.66 0.61 0.86) |
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.
#72AEE9
AA - 2.34
#5316BA
AAA - 9.58
#541E87
AAA - 10.98
#05052E
AAA - 19.67
#AB9CDF
AA - 2.45
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