Benannte Farbe · #403940
Nevermore
Nevermore ist #403940: rgb(64 57 64), hsl(300 6% 24%), oklch(0.354 0.015 325.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nevermore color name →
#403940
oklch(0.354 0.015 325.9)
Farbumrechnungen
- HEX
- #403940
- RGB
- rgb(64 57 64)
- HSL
- hsl(300 6% 24%)
- HWB
- hwb(300 22% 75%)
- OKLCH
- oklch(0.354 0.015 325.9)
- OKLab
- oklab(0.354 0.013 -0.009)
- CIE Lab
- lab(24.9 4.3 -3.18)
- LCH
- lch(24.9 5.35 323.5)
- CMYK
- cmyk(0% 11% 0% 75%)
Tints · Shades · Tones
Tints
- 514A51
- 625C62
- 746F74
- 878287
- 9A969A
- ADAAAD
- C1BFC1
- D5D4D5
- EAE9EA
Shades
- 363036
- 2D282D
- 241F24
- 1B171B
- 131013
- 0B090B
- 050405
- 010101
- 000000
Tones
- 464046
- 4C464C
- 524D52
- 595459
- 5F5B5F
- 666266
- 6C6A6C
- 737173
- 797879
Farbharmonien
Komplementär +180°
- 403940
Nevermore
- 373E37
≈ Black Olive
Analog -30° +30°
- 403940
Nevermore
- 3C3A43
≈ Ship Grey
- 43383C
≈ Void Wellness Coach
Triadisch +120° +240°
- 403940
Nevermore
- 3F3B33
≈ Black Olive
- 333E40
≈ Mine Shaft
Geteilt komplementär +150° +210°
- 403940
Nevermore
- 3B3D34
≈ Black Olive
- 343E3B
≈ Darkest Spruce
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.18:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--nevermore: #403940;
--nevermore-rgb: 64 57 64;
--nevermore-oklch: oklch(0.354 0.015 325.9);
}
.element {
color: var(--nevermore);
background-color: hsl(300 6% 24%);
border-color: oklch(0.354 0.015 325.9);
}Tailwind CSS v4
@theme {
--color-nevermore: #403940;
--color-nevermore-50: #f8f4f7;
--color-nevermore-100: #ebe6ea;
--color-nevermore-200: #d8d2d7;
--color-nevermore-300: #bcb5bb;
--color-nevermore-400: #a39ba3;
--color-nevermore-500: #8c838c;
--color-nevermore-600: #766f76;
--color-nevermore-700: #5f595f;
--color-nevermore-800: #454145;
--color-nevermore-900: #302d30;
--color-nevermore-950: #1c1a1c;
}SCSS
$nevermore: #403940;
$nevermore-rgb: 64, 57, 64;
$nevermore-light: mix(#fff, $nevermore, 20%);
$nevermore-dark: mix(#000, $nevermore, 20%);
.element {
color: $nevermore;
box-shadow: 0 0 0 2px rgba($nevermore, 0.35);
}