Nearest named color · #050F4B
#050F4B
Nearest named color: Storm
#050F4B (rgb(5 15 75), hsl(231 88% 16%), oklch(0.216 0.11 266.8)) is closest to the named color Storm. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#050F4B
oklch(0.216 0.11 266.8)
Color conversions
- HEX
- #050f4b
- RGB
- rgb(5 15 75)
- HSL
- hsl(231 88% 16%)
- HWB
- hwb(231 2% 71%)
- OKLCH
- oklch(0.216 0.11 266.8)
- OKLab
- oklab(0.216 -0.006 -0.11)
- CIE Lab
- lab(7.25 17.45 -38.85)
- LCH
- lch(7.25 42.59 294.2)
- CMYK
- cmyk(93% 80% 0% 71%)
Tints · Shades · Tones
Tints
- 16275D
- 2B3D6F
- 425480
- 5A6B92
- 7482A4
- 8E9AB6
- A9B2C8
- C5CBDA
- E2E5ED
Shades
- 040B40
- 030835
- 02052B
- 010321
- 010217
- 00010E
- 000006
- 000002
- 000000
Tones
- 0D1C51
- 182857
- 24335D
- 303E63
- 3C4968
- 49546D
- 565F72
- 646A77
- 72757C
Color harmonies
Complementary +180°
- 050F4B
Storm
- 221800
≈ Cannon Black
Analogous -30° +30°
- 050F4B
Storm
- 001C2C
≈ Oxford by Night
- 210344
≈ Your Darkness
Triadic +120° +240°
- 050F4B
Storm
- 390002
≈ Dark Maroon
- 002106
≈ Rainforest Nights
Split-complementary +150° +210°
- 050F4B
Storm
- 2B1200
≈ Shadow Play
- 181C00
≈ Yuzu Soy
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 17.85:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.17:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.85:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--storm: #050f4b;
--storm-rgb: 5 15 75;
--storm-oklch: oklch(0.216 0.11 266.8);
}
.element {
color: var(--storm);
background-color: hsl(231 88% 16%);
border-color: oklch(0.216 0.11 266.8);
}Tailwind CSS v4
@theme {
--color-storm: #050f4b;
--color-storm-50: #e8f5ff;
--color-storm-100: #d9e7ff;
--color-storm-200: #c1d3ff;
--color-storm-300: #a0b6f0;
--color-storm-400: #819ce0;
--color-storm-500: #6583cf;
--color-storm-600: #566faf;
--color-storm-700: #44598c;
--color-storm-800: #2f4168;
--color-storm-900: #202d49;
--color-storm-950: #101a30;
}SCSS
$storm: #050f4b;
$storm-rgb: 5, 15, 75;
$storm-light: mix(#fff, $storm, 20%);
$storm-dark: mix(#000, $storm, 20%);
.element {
color: $storm;
box-shadow: 0 0 0 2px rgba($storm, 0.35);
}