Nearest named color · #0D2118
#0D2118
Nearest named color: Nightmare
#0D2118 (rgb(13 33 24), hsl(153 43% 9%), oklch(0.228 0.032 163)) is closest to the named color Nightmare. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0D2118
oklch(0.228 0.032 163)
Color conversions
- HEX
- #0d2118
- RGB
- rgb(13 33 24)
- HSL
- hsl(153 43% 9%)
- HWB
- hwb(153 5% 87%)
- OKLCH
- oklch(0.228 0.032 163)
- OKLab
- oklab(0.228 -0.03 0.009)
- CIE Lab
- lab(10.81 -10.62 3.49)
- LCH
- lch(10.81 11.18 161.8)
- CMYK
- cmyk(61% 0% 27% 87%)
Tints · Shades · Tones
Tints
- 22342B
- 37473F
- 4D5C54
- 64716A
- 7C8781
- 959E99
- AFB6B2
- C9CECB
- E4E6E5
Shades
- 0A1B13
- 07160F
- 05100A
- 030B07
- 020604
- 010302
- 000101
- 000000
- 000000
Tones
- 182A21
- 23322B
- 2D3B34
- 39453E
- 444E49
- 4F5853
- 5B625E
- 676C69
- 747675
Color harmonies
Complementary +180°
- 0D2118
Nightmare
- 271620
≈ Black Cherry
Analogous -30° +30°
- 0D2118
Nightmare
- 162010
≈ Nightmare
- 072120
≈ Stellar Explorer
Triadic +120° +240°
- 0D2118
Nightmare
- 1A1A2B
≈ Sambucus
- 291710
≈ Tetsu-Guro Black
Split-complementary +150° +210°
- 0D2118
Nightmare
- 221827
≈ Kurobeni
- 291618
≈ Kurobeni
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 16.82:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.24:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.82:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--nightmare: #0d2118;
--nightmare-rgb: 13 33 24;
--nightmare-oklch: oklch(0.228 0.032 163);
}
.element {
color: var(--nightmare);
background-color: hsl(153 43% 9%);
border-color: oklch(0.228 0.032 163);
}Tailwind CSS v4
@theme {
--color-nightmare: #0d2118;
--color-nightmare-50: #edf8f3;
--color-nightmare-100: #dfebe5;
--color-nightmare-200: #c8d9d1;
--color-nightmare-300: #a9bdb3;
--color-nightmare-400: #8ea599;
--color-nightmare-500: #748d80;
--color-nightmare-600: #62776c;
--color-nightmare-700: #4e6057;
--color-nightmare-800: #39463f;
--color-nightmare-900: #27302b;
--color-nightmare-950: #151d19;
}SCSS
$nightmare: #0d2118;
$nightmare-rgb: 13, 33, 24;
$nightmare-light: mix(#fff, $nightmare, 20%);
$nightmare-dark: mix(#000, $nightmare, 20%);
.element {
color: $nightmare;
box-shadow: 0 0 0 2px rgba($nightmare, 0.35);
}