Benannte Farbe · #2F3738
Nocturnal Green
Nocturnal Green ist #2F3738: rgb(47 55 56), hsl(187 9% 20%), oklch(0.33 0.011 205.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nocturnal Green color name →
#2F3738
oklch(0.33 0.011 205.8)
Farbumrechnungen
- HEX
- #2f3738
- RGB
- rgb(47 55 56)
- HSL
- hsl(187 9% 20%)
- HWB
- hwb(187 18% 78%)
- OKLCH
- oklch(0.33 0.011 205.8)
- OKLab
- oklab(0.33 -0.01 -0.005)
- CIE Lab
- lab(22.34 -3.31 -1.83)
- LCH
- lch(22.34 3.79 209)
- CMYK
- cmyk(16% 2% 0% 78%)
Tints · Shades · Tones
Tints
- 414849
- 545B5B
- 676D6E
- 7B8181
- 909595
- A5A9A9
- BBBEBE
- D1D3D3
- E8E9E9
Shades
- 272E2F
- 202627
- 191E1F
- 121617
- 0C0F0F
- 060808
- 030304
- 010101
- 000000
Tones
- 373E3F
- 3E4546
- 464C4D
- 4E5354
- 565A5B
- 5E6262
- 666969
- 6F7171
- 777878
Farbharmonien
Komplementär +180°
- 2F3738
Nocturnal Green
- 3B3332
≈ Indigo Ink Brown
Analog -30° +30°
- 2F3738
Nocturnal Green
- 303735
≈ Jet Set
- 30363A
≈ Inkwell
Triadisch +120° +240°
- 2F3738
Nocturnal Green
- 383338
≈ Deep Forest Brown
- 38352F
≈ Kilimanjaro
Geteilt komplementär +150° +210°
- 2F3738
Nocturnal Green
- 3A3335
≈ Deep Forest Brown
- 3A3430
≈ Indigo Ink Brown
Tetradisch +90° +180° +270°
- 2F3738
Nocturnal Green
- 36343A
≈ Jet Black
- 3B3332
≈ Indigo Ink Brown
- 353630
≈ Black Powder
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.17:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.72:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.17:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--nocturnal-green: #2f3738;
--nocturnal-green-rgb: 47 55 56;
--nocturnal-green-oklch: oklch(0.33 0.011 205.8);
}
.element {
color: var(--nocturnal-green);
background-color: hsl(187 9% 20%);
border-color: oklch(0.33 0.011 205.8);
}Tailwind CSS v4
@theme {
--color-nocturnal-green: #2f3738;
--color-nocturnal-green-50: #f2f6f7;
--color-nocturnal-green-100: #e4e9ea;
--color-nocturnal-green-200: #cfd6d7;
--color-nocturnal-green-300: #b1b9ba;
--color-nocturnal-green-400: #97a0a1;
--color-nocturnal-green-500: #7e888a;
--color-nocturnal-green-600: #6b7374;
--color-nocturnal-green-700: #555c5d;
--color-nocturnal-green-800: #3e4444;
--color-nocturnal-green-900: #2b2f2f;
--color-nocturnal-green-950: #181b1c;
}SCSS
$nocturnal-green: #2f3738;
$nocturnal-green-rgb: 47, 55, 56;
$nocturnal-green-light: mix(#fff, $nocturnal-green, 20%);
$nocturnal-green-dark: mix(#000, $nocturnal-green, 20%);
.element {
color: $nocturnal-green;
box-shadow: 0 0 0 2px rgba($nocturnal-green, 0.35);
}