Benannte Farbe · #3C464B
Nightshade
Nightshade ist #3C464B: rgb(60 70 75), hsl(200 11% 26%), oklch(0.387 0.016 229.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nightshade color name →
#3C464B
oklch(0.387 0.016 229.3)
Farbumrechnungen
- HEX
- #3c464b
- RGB
- rgb(60 70 75)
- HSL
- hsl(200 11% 26%)
- HWB
- hwb(200 24% 71%)
- OKLCH
- oklch(0.387 0.016 229.3)
- OKLab
- oklab(0.387 -0.01 -0.012)
- CIE Lab
- lab(28.96 -3.26 -4.46)
- LCH
- lch(28.96 5.52 233.8)
- CMYK
- cmyk(20% 7% 0% 71%)
Tints · Shades · Tones
Tints
- 4D565B
- 5F676C
- 71797D
- 848B8E
- 989DA0
- ACB0B3
- C0C3C5
- D5D7D8
- EAEBEB
Shades
- 333C40
- 2A3235
- 21282B
- 191E21
- 111517
- 0A0D0E
- 040506
- 010202
- 000000
Tones
- 424C50
- 495155
- 50575A
- 565D60
- 5D6265
- 64686A
- 6B6E70
- 727475
- 797A7B
Farbharmonien
Komplementär +180°
- 3C464B
Nightshade
- 4C423D
≈ Basalt Black
Analog -30° +30°
- 3C464B
Nightshade
- 3B4747
≈ Panda Black
- 3F454D
≈ Blackbird
Triadisch +120° +240°
- 3C464B
Nightshade
- 4B4145
≈ Dark Burgundy Wine
- 45453C
≈ Volcanic Stone Green
Geteilt komplementär +150° +210°
- 3C464B
Nightshade
- 4C4141
≈ Rhodonite Brown
- 49433B
≈ Earth Black
Tetradisch +90° +180° +270°
- 3C464B
Nightshade
- 48424A
≈ Spinel Grey
- 4C423D
≈ Basalt Black
- 40463E
≈ Rich Olive
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.67:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.16:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--nightshade: #3c464b;
--nightshade-rgb: 60 70 75;
--nightshade-oklch: oklch(0.387 0.016 229.3);
}
.element {
color: var(--nightshade);
background-color: hsl(200 11% 26%);
border-color: oklch(0.387 0.016 229.3);
}Tailwind CSS v4
@theme {
--color-nightshade: #3c464b;
--color-nightshade-50: #f1f6f9;
--color-nightshade-100: #e3e9ec;
--color-nightshade-200: #ced6da;
--color-nightshade-300: #b0b9be;
--color-nightshade-400: #96a0a6;
--color-nightshade-500: #7c888f;
--color-nightshade-600: #697379;
--color-nightshade-700: #545c60;
--color-nightshade-800: #3d4447;
--color-nightshade-900: #2a2f31;
--color-nightshade-950: #181b1d;
}SCSS
$nightshade: #3c464b;
$nightshade-rgb: 60, 70, 75;
$nightshade-light: mix(#fff, $nightshade, 20%);
$nightshade-dark: mix(#000, $nightshade, 20%);
.element {
color: $nightshade;
box-shadow: 0 0 0 2px rgba($nightshade, 0.35);
}