#830a3a
#e34676
#842cbc
#510a7d
#58a9ff
#095db8
Kaleidoscope
#830a3a
#e34676
#842cbc
#510a7d
#58a9ff
#095db8
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Purple
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #830a3a | rgb(131, 10, 58) | hsl(340 86% 28%) | oklab(40% 0.15 0.02) | oklch(40% 0.15 6.1) | color(display-p3 0.47 0.1 0.23) | |
| #e34676 | rgb(227, 70, 118) | hsl(340 74% 58%) | oklab(63% 0.19 0.02) | oklch(63% 0.2 6.3) | color(display-p3 0.82 0.32 0.46) | |
| #842cbc | rgb(132, 44, 188) | hsl(280 62% 45%) | oklab(50% 0.13 -0.17) | oklch(50% 0.21 310) | color(display-p3 0.48 0.2 0.71) | |
| #510a7d | rgb(81, 10, 125) | hsl(280 85% 26%) | oklab(35% 0.1 -0.14) | oklch(35% 0.17 310) | color(display-p3 0.29 0.07 0.47) | |
| #58a9ff | rgb(88, 169, 255) | hsl(210 100% 67%) | oklab(72% -0.05 -0.14) | oklch(72% 0.15 250) | color(display-p3 0.42 0.66 0.97) | |
| #095db8 | rgb(9, 93, 184) | hsl(210 91% 38%) | oklab(49% -0.04 -0.16) | oklch(49% 0.16 260) | color(display-p3 0.16 0.36 0.7) |
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.
#830a3a
AAA - 10.14
#e34676
AA - 3.88
#842cbc
AA - 6.84
#510a7d
AAA - 12.43
#58a9ff
AA - 2.46
#095db8
AA - 6.42
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