Benannte Farbe · #3D343F
Wolf’s Bane
Wolf’s Bane ist #3D343F: rgb(61 52 63), hsl(289 10% 23%), oklch(0.339 0.023 320.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wolf’s Bane color name →
#3D343F
oklch(0.339 0.023 320.1)
Farbumrechnungen
- HEX
- #3d343f
- RGB
- rgb(61 52 63)
- HSL
- hsl(289 10% 23%)
- HWB
- hwb(289 20% 75%)
- OKLCH
- oklch(0.339 0.023 320.1)
- OKLab
- oklab(0.339 0.017 -0.014)
- CIE Lab
- lab(23 5.95 -5.36)
- LCH
- lch(23 8.01 318)
- CMYK
- cmyk(3% 17% 0% 75%)
Tints · Shades · Tones
Tints
- 4E4650
- 605862
- 726B74
- 857F86
- 989399
- ACA8AD
- C0BDC1
- D5D2D5
- EAE9EA
Shades
- 342C35
- 2B242C
- 221C23
- 1A151B
- 120E12
- 0A070A
- 040304
- 010101
- 000000
Tones
- 433B45
- 4A424B
- 504A52
- 575158
- 5E595F
- 646065
- 6B686C
- 727072
- 797879
Farbharmonien
Komplementär +180°
- 3D343F
Wolf’s Bane
- 323B30
≈ Sound of Silence
Analog -30° +30°
- 3D343F
Wolf’s Bane
- 373643
≈ Sceptre Blue
- 413339
≈ Disappearing Purple
Triadisch +120° +240°
- 3D343F
Wolf’s Bane
- 3E372B
≈ Jacko Bean
- 2A3B3C
≈ Rookwood Shutter Green
Geteilt komplementär +150° +210°
- 3D343F
Wolf’s Bane
- 38392B
≈ El Paso
- 2C3C36
≈ Scarab
Tetradisch +90° +180° +270°
- 3D343F
Wolf’s Bane
- 42342D
≈ Slugger
- 323B30
≈ Sound of Silence
- 2C3A41
≈ Tempest in a Teapot
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.92:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.76:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.92:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--wolf-s-bane: #3d343f;
--wolf-s-bane-rgb: 61 52 63;
--wolf-s-bane-oklch: oklch(0.339 0.023 320.1);
}
.element {
color: var(--wolf-s-bane);
background-color: hsl(289 10% 23%);
border-color: oklch(0.339 0.023 320.1);
}Tailwind CSS v4
@theme {
--color-wolf-s-bane: #3d343f;
--color-wolf-s-bane-50: #f8f3f9;
--color-wolf-s-bane-100: #ece5ec;
--color-wolf-s-bane-200: #d9d1da;
--color-wolf-s-bane-300: #bdb4be;
--color-wolf-s-bane-400: #a59aa7;
--color-wolf-s-bane-500: #8d8290;
--color-wolf-s-bane-600: #776e79;
--color-wolf-s-bane-700: #5f5861;
--color-wolf-s-bane-800: #464048;
--color-wolf-s-bane-900: #302c32;
--color-wolf-s-bane-950: #1c191e;
}SCSS
$wolf-s-bane: #3d343f;
$wolf-s-bane-rgb: 61, 52, 63;
$wolf-s-bane-light: mix(#fff, $wolf-s-bane, 20%);
$wolf-s-bane-dark: mix(#000, $wolf-s-bane, 20%);
.element {
color: $wolf-s-bane;
box-shadow: 0 0 0 2px rgba($wolf-s-bane, 0.35);
}