Nearest named color · #002218
#002218
Nearest named color: Nightmare
#002218 (rgb(0 34 24), hsl(162 100% 7%), oklch(0.224 0.045 169.4)) is closest to the named color Nightmare. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#002218
oklch(0.224 0.045 169.4)
Color conversions
- HEX
- #002218
- RGB
- rgb(0 34 24)
- HSL
- hsl(162 100% 7%)
- HWB
- hwb(162 0% 87%)
- OKLCH
- oklch(0.224 0.045 169.4)
- OKLab
- oklab(0.224 -0.044 0.008)
- CIE Lab
- lab(10.57 -15.42 3.03)
- LCH
- lch(10.57 15.72 168.9)
- CMYK
- cmyk(100% 0% 29% 87%)
Tints · Shades · Tones
Tints
- 17352B
- 2F483F
- 465D54
- 5E726A
- 778881
- 919F99
- ACB6B2
- C7CECB
- E3E6E5
Shades
- 001C13
- 00160F
- 00110A
- 000B07
- 000704
- 000302
- 000101
- 000000
- 000000
Tones
- 0D2B21
- 1A332B
- 273C34
- 33463E
- 3F4F49
- 4C5853
- 59625E
- 656C69
- 737675
Color harmonies
Complementary +180°
- 002218
Nightmare
- 2B121F
≈ Black Cherry
Analogous -30° +30°
- 002218
Nightmare
- 10200B
≈ Nightmare
- 002122
≈ Stellar Explorer
Triadic +120° +240°
- 002218
Nightmare
- 1B182F
≈ Sambucus
- 2C1507
≈ Zinnwaldite Brown
Split-complementary +150° +210°
- 002218
Nightmare
- 241429
≈ Inside
- 2D1213
≈ Dark Danger
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 16.90:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.24:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.90:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--nightmare: #002218;
--nightmare-rgb: 0 34 24;
--nightmare-oklch: oklch(0.224 0.045 169.4);
}
.element {
color: var(--nightmare);
background-color: hsl(162 100% 7%);
border-color: oklch(0.224 0.045 169.4);
}Tailwind CSS v4
@theme {
--color-nightmare: #002218;
--color-nightmare-50: #e9faf3;
--color-nightmare-100: #daede6;
--color-nightmare-200: #c2dbd2;
--color-nightmare-300: #a1bfb4;
--color-nightmare-400: #85a79a;
--color-nightmare-500: #699081;
--color-nightmare-600: #597a6d;
--color-nightmare-700: #476257;
--color-nightmare-800: #33483f;
--color-nightmare-900: #23322b;
--color-nightmare-950: #121d19;
}SCSS
$nightmare: #002218;
$nightmare-rgb: 0, 34, 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);
}