Nearest named color · #032212
#032212
Nearest named color: Nightmare
#032212 (rgb(3 34 18), hsl(149 84% 7%), oklch(0.224 0.049 157.1)) is closest to the named color Nightmare. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#032212
oklch(0.224 0.049 157.1)
Color conversions
- HEX
- #032212
- RGB
- rgb(3 34 18)
- HSL
- hsl(149 84% 7%)
- HWB
- hwb(149 1% 87%)
- OKLCH
- oklch(0.224 0.049 157.1)
- OKLab
- oklab(0.224 -0.045 0.019)
- CIE Lab
- lab(10.58 -15.65 7.14)
- LCH
- lch(10.58 17.2 155.5)
- CMYK
- cmyk(91% 0% 47% 87%)
Tints · Shades · Tones
Tints
- 1A3525
- 31493A
- 485D50
- 607266
- 78887E
- 929F96
- ACB6B0
- C7CEC9
- E3E6E4
Shades
- 021C0E
- 02160A
- 011107
- 010B04
- 000702
- 000301
- 000101
- 000000
- 000000
Tones
- 102B1C
- 1C3326
- 283C30
- 34463B
- 404F46
- 4D5951
- 59625C
- 666C68
- 737674
Color harmonies
Complementary +180°
- 032212
Nightmare
- 291224
≈ Inside
Analogous -30° +30°
- 032212
Nightmare
- 151F04
≈ Yuzu Soy
- 00211E
≈ Stellar Explorer
Triadic +120° +240°
- 032212
Nightmare
- 161932
≈ Dark Knight
- 2E120A
≈ Dark Danger
Split-complementary +150° +210°
- 032212
Nightmare
- 21152D
≈ Blacklist
- 2E1117
≈ Dark Danger
Tetradic +90° +180° +270°
- 032212
Nightmare
- 061D31
≈ Cyanophobia
- 291224
≈ Inside
- 2A1600
≈ Shadow Play
Contrast & accessibility
Ag
AAAOn white
WCAG 16.91:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.24:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.91:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--nightmare: #032212;
--nightmare-rgb: 3 34 18;
--nightmare-oklch: oklch(0.224 0.049 157.1);
}
.element {
color: var(--nightmare);
background-color: hsl(149 84% 7%);
border-color: oklch(0.224 0.049 157.1);
}Tailwind CSS v4
@theme {
--color-nightmare: #032212;
--color-nightmare-50: #eafaf0;
--color-nightmare-100: #dbede2;
--color-nightmare-200: #c4dbcd;
--color-nightmare-300: #a3bfae;
--color-nightmare-400: #87a893;
--color-nightmare-500: #6c9079;
--color-nightmare-600: #5b7a67;
--color-nightmare-700: #496252;
--color-nightmare-800: #35483b;
--color-nightmare-900: #243228;
--color-nightmare-950: #131e16;
}SCSS
$nightmare: #032212;
$nightmare-rgb: 3, 34, 18;
$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);
}