Nearest named color · #1B142B
#1B142B
Nearest named color: Dark Knight
#1B142B (rgb(27 20 43), hsl(258 37% 12%), oklch(0.213 0.045 296.4)) is closest to the named color Dark Knight. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1B142B
oklch(0.213 0.045 296.4)
Color conversions
- HEX
- #1b142b
- RGB
- rgb(27 20 43)
- HSL
- hsl(258 37% 12%)
- HWB
- hwb(258 8% 83%)
- OKLCH
- oklch(0.213 0.045 296.4)
- OKLab
- oklab(0.213 0.02 -0.04)
- CIE Lab
- lab(8.06 8.63 -14.49)
- LCH
- lch(8.06 16.87 300.8)
- CMYK
- cmyk(37% 53% 0% 83%)
Tints · Shades · Tones
Tints
- 2D273E
- 413C51
- 565265
- 6C6879
- 83808E
- 9B98A4
- B3B1BA
- CCCAD1
- E5E4E8
Shades
- 161024
- 110C1D
- 0C0816
- 080510
- 05030A
- 020105
- 010102
- 000001
- 000000
Tones
- 241E33
- 2D283B
- 363244
- 403C4C
- 4A4754
- 55525D
- 5F5D66
- 6A696E
- 757477
Color harmonies
Complementary +180°
- 1B142B
Dark Knight
- 181B02
≈ Pinch of Pepper
Analogous -30° +30°
- 1B142B
Dark Knight
- 0F182E
≈ Dark Knight
- 231124
≈ Inside
Triadic +120° +240°
- 1B142B
Dark Knight
- 281303
≈ Shadow Play
- 001F18
≈ Stellar Explorer
Split-complementary +150° +210°
- 1B142B
Dark Knight
- 221700
≈ Cannon Black
- 091E0C
≈ Clock Chimes Thirteen
Tetradic +90° +180° +270°
- 1B142B
Dark Knight
- 2A100D
≈ Root Brew
- 181B02
≈ Pinch of Pepper
- 001D21
≈ Stellar Explorer
Contrast & accessibility
Ag
AAAOn white
WCAG 17.77:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.18:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--dark-knight: #1b142b;
--dark-knight-rgb: 27 20 43;
--dark-knight-oklch: oklch(0.213 0.045 296.4);
}
.element {
color: var(--dark-knight);
background-color: hsl(258 37% 12%);
border-color: oklch(0.213 0.045 296.4);
}Tailwind CSS v4
@theme {
--color-dark-knight: #1b142b;
--color-dark-knight-50: #f6f3ff;
--color-dark-knight-100: #e9e5f5;
--color-dark-knight-200: #d6d0e5;
--color-dark-knight-300: #bab3cc;
--color-dark-knight-400: #a099b6;
--color-dark-knight-500: #8980a1;
--color-dark-knight-600: #746d88;
--color-dark-knight-700: #5c576d;
--color-dark-knight-800: #434051;
--color-dark-knight-900: #2e2c38;
--color-dark-knight-950: #1b1923;
}SCSS
$dark-knight: #1b142b;
$dark-knight-rgb: 27, 20, 43;
$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);
}