#0D1321
#2D3142
#4A5568
#7C8595
#A3ABBA
Horizon
#0D1321
#2D3142
#4A5568
#7C8595
#A3ABBA
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #0d1321 | rgb(13, 19, 33) | hsl(220 43% 9%) | oklab(19% 0 -0.03) | oklch(19% 0.03 270) | color(display-p3 0.06 0.07 0.13) | |
| #2d3142 | rgb(45, 49, 66) | hsl(230 19% 22%) | oklab(32% 0 -0.03) | oklch(32% 0.03 270) | color(display-p3 0.18 0.19 0.25) | |
| #4a5568 | rgb(74, 85, 104) | hsl(220 17% 35%) | oklab(45% -0.01 -0.03) | oklch(45% 0.03 260) | color(display-p3 0.3 0.33 0.4) | |
| #7c8595 | rgb(124, 133, 149) | hsl(220 11% 54%) | oklab(61% 0 -0.03) | oklch(61% 0.03 260) | color(display-p3 0.49 0.52 0.58) | |
| #a3abba | rgb(163, 171, 186) | hsl(220 14% 68%) | oklab(74% 0 -0.02) | oklch(74% 0.02 260) | color(display-p3 0.64 0.67 0.72) |
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.
#0D1321
AAA - 18.54
#2D3142
AAA - 12.88
#4A5568
AAA - 7.52
#7C8595
AA - 3.71
#A3ABBA
AA - 2.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