Nearest named color · #0E172E
#0E172E
Nearest named color: Dark Knight
#0E172E (rgb(14 23 46), hsl(223 53% 12%), oklch(0.21 0.048 266.3)) is closest to the named color Dark Knight. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0E172E
oklch(0.21 0.048 266.3)
Color conversions
- HEX
- #0e172e
- RGB
- rgb(14 23 46)
- HSL
- hsl(223 53% 12%)
- HWB
- hwb(223 5% 82%)
- OKLCH
- oklch(0.21 0.048 266.3)
- OKLab
- oklab(0.21 -0.003 -0.047)
- CIE Lab
- lab(7.93 2.62 -17.01)
- LCH
- lch(7.93 17.21 278.8)
- CMYK
- cmyk(70% 50% 0% 82%)
Tints · Shades · Tones
Tints
- 212A41
- 363F54
- 4C5467
- 636B7C
- 7B8290
- 9499A6
- AEB2BB
- C8CBD2
- E3E5E8
Shades
- 0B1227
- 070E1F
- 050A18
- 030612
- 02040B
- 010206
- 000102
- 000001
- 000000
Tones
- 182136
- 222A3E
- 2D3446
- 383F4E
- 434956
- 4F545F
- 5B5E67
- 67696F
- 737578
Color harmonies
Complementary +180°
- 0E172E
Dark Knight
- 211700
≈ Cannon Black
Analogous -30° +30°
- 0E172E
Dark Knight
- 001B2A
≈ Oxford by Night
- 1A132B
≈ Sambucus
Triadic +120° +240°
- 0E172E
Dark Knight
- 2B0E0C
≈ Root Brew
- 071E0A
≈ Clock Chimes Thirteen
Split-complementary +150° +210°
- 0E172E
Dark Knight
- 281102
≈ Severely Burnt Toast
- 171B00
≈ Yuzu Soy
Tetradic +90° +180° +270°
- 0E172E
Dark Knight
- 290E19
≈ Inside
- 211700
≈ Cannon Black
- 001E18
≈ Stellar Explorer
Contrast & accessibility
Ag
AAAOn white
WCAG 17.78:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.18:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.78:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--dark-knight: #0e172e;
--dark-knight-rgb: 14 23 46;
--dark-knight-oklch: oklch(0.21 0.048 266.3);
}
.element {
color: var(--dark-knight);
background-color: hsl(223 53% 12%);
border-color: oklch(0.21 0.048 266.3);
}Tailwind CSS v4
@theme {
--color-dark-knight: #0e172e;
--color-dark-knight-50: #eff5ff;
--color-dark-knight-100: #e1e8f8;
--color-dark-knight-200: #cbd4e9;
--color-dark-knight-300: #adb7d1;
--color-dark-knight-400: #919ebb;
--color-dark-knight-500: #7786a7;
--color-dark-knight-600: #65718d;
--color-dark-knight-700: #515b71;
--color-dark-knight-800: #3a4253;
--color-dark-knight-900: #282e3a;
--color-dark-knight-950: #161b24;
}SCSS
$dark-knight: #0e172e;
$dark-knight-rgb: 14, 23, 46;
$dark-knight-light: mix(#fff, $dark-knight, 20%);
$dark-knight-dark: mix(#000, $dark-knight, 20%);
.element {
color: $dark-knight;
box-shadow: 0 0 0 2px rgba($dark-knight, 0.35);
}