#0D1321
#2D3142
#4A5568
#7C8595
#A3ABBA
Color Palette
Horizon
by Colorffy Team
About
Black
Grey
sad
night
dark
Main Actions
#0D1321
#2D3142
#4A5568
#7C8595
#A3ABBA
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #0d1321 | rgb(5.1% 7.45% 12.9%) | hwb(220 5.1% 87%) | oklab(18.8% -0.002 -0.03) | oklch(18.8% 0.03 266) | color(display-p3 0.056 0.074 0.125) | |
| | #2d3142 | rgb(17.6% 19.2% 25.9%) | hwb(230 18% 74%) | oklab(31.7% 0.002 -0.031) | oklch(31.7% 0.031 274) | color(display-p3 0.179 0.192 0.253) | |
| | #4a5568 | rgb(29% 33.3% 40.8%) | hwb(220 29% 59%) | oklab(44.7% -0.005 -0.034) | oklch(44.7% 0.034 261) | color(display-p3 0.298 0.332 0.401) | |
| | #7c8595 | rgb(48.6% 52.2% 58.4%) | hwb(220 49% 42%) | oklab(61.5% -0.004 -0.026) | oklch(61.5% 0.026 262) | color(display-p3 0.493 0.52 0.579) | |
| | #a3abba | rgb(63.9% 67.1% 72.9%) | hwb(220 64% 27%) | oklab(74% -0.003 -0.023) | oklch(74% 0.023 263) | color(display-p3 0.645 0.67 0.724) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#0D1321
AAA - 18.54
Lc -107
#2D3142
AAA - 12.88
Lc -102
#4A5568
AAA - 7.52
Lc -91
#7C8595
Fail - 3.71
Lc -70
#A3ABBA
Fail - 2.3
Lc -50
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 palette in different UI components.
PWA Prompt