#70142D
#A12C58
#141714
#0E7395
#0FC1E2
Led Skyline
#70142D
#A12C58
#141714
#0E7395
#0FC1E2
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #70142d | rgb(112, 20, 45) | hsl(340 70% 26%) | oklab(36% 0.12 0.02) | oklch(36% 0.13 11) | color(display-p3 0.4 0.11 0.18) | |
| #a12c58 | rgb(161, 44, 88) | hsl(340 57% 40%) | oklab(49% 0.16 0.01) | oklch(49% 0.16 2.2) | color(display-p3 0.58 0.21 0.34) | |
| #141714 | rgb(20, 23, 20) | hsl(120 7% 8.4%) | oklab(20% -0.01 0) | oklch(20% 0.01 150) | color(display-p3 0.08 0.09 0.08) | |
| #0e7395 | rgb(14, 115, 149) | hsl(200 83% 32%) | oklab(52% -0.07 -0.07) | oklch(52% 0.1 230) | color(display-p3 0.2 0.44 0.57) | |
| #0fc1e2 | rgb(15, 193, 226) | hsl(190 88% 47%) | oklab(75% -0.11 -0.08) | oklch(75% 0.13 220) | color(display-p3 0.35 0.75 0.87) |
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.
#70142D
AAA - 11.49
#A12C58
AA - 6.96
#141714
AAA - 18.06
#0E7395
AA - 5.37
#0FC1E2
AA - 2.15
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