Benannte Farbe · #474C50
Witchcraft
Witchcraft ist #474C50: rgb(71 76 80), hsl(207 6% 30%), oklch(0.413 0.009 241.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Witchcraft color name →
#474C50
oklch(0.413 0.009 241.9)
Farbumrechnungen
- HEX
- #474c50
- RGB
- rgb(71 76 80)
- HSL
- hsl(207 6% 30%)
- HWB
- hwb(207 28% 69%)
- OKLCH
- oklch(0.413 0.009 241.9)
- OKLab
- oklab(0.413 -0.004 -0.008)
- CIE Lab
- lab(31.96 -1.4 -3.12)
- LCH
- lch(31.96 3.42 245.8)
- CMYK
- cmyk(11% 5% 0% 69%)
Tints · Shades · Tones
Tints
- 575C60
- 686D70
- 7A7E81
- 8C8F92
- 9EA1A3
- B1B3B5
- C4C5C7
- D7D8D9
- EBECEC
Shades
- 3D4144
- 323639
- 282C2E
- 1F2224
- 16181A
- 0D0F10
- 060607
- 020202
- 000000
Tones
- 4C5155
- 525659
- 585B5E
- 5D6063
- 636568
- 696B6C
- 6E7071
- 747576
- 7A7B7B
Farbharmonien
Komplementär +180°
- 474C50
Witchcraft
- 4F4A46
≈ Oubliette
Analog -30° +30°
- 474C50
Witchcraft
- 464D4E
≈ Black Lead
- 494B51
≈ Black Ribbon
Triadisch +120° +240°
- 474C50
Witchcraft
- 50494B
≈ Emperor
- 4A4C47
≈ Gravel
Geteilt komplementär +150° +210°
- 474C50
Witchcraft
- 504A48
≈ Périgord Truffle
- 4D4B46
≈ Magpie
Tetradisch +90° +180° +270°
- 474C50
Witchcraft
- 4E494E
≈ Extravagance
- 4F4A46
≈ Oubliette
- 484D49
≈ Rock Bottom
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.68:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.41:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.68:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--witchcraft: #474c50;
--witchcraft-rgb: 71 76 80;
--witchcraft-oklch: oklch(0.413 0.009 241.9);
}
.element {
color: var(--witchcraft);
background-color: hsl(207 6% 30%);
border-color: oklch(0.413 0.009 241.9);
}Tailwind CSS v4
@theme {
--color-witchcraft: #474c50;
--color-witchcraft-50: #f3f5f8;
--color-witchcraft-100: #e5e8eb;
--color-witchcraft-200: #d1d5d8;
--color-witchcraft-300: #b3b8bc;
--color-witchcraft-400: #9a9fa4;
--color-witchcraft-500: #81878c;
--color-witchcraft-600: #6d7276;
--color-witchcraft-700: #575b5f;
--color-witchcraft-800: #404345;
--color-witchcraft-900: #2c2e30;
--color-witchcraft-950: #191b1c;
}SCSS
$witchcraft: #474c50;
$witchcraft-rgb: 71, 76, 80;
$witchcraft-light: mix(#fff, $witchcraft, 20%);
$witchcraft-dark: mix(#000, $witchcraft, 20%);
.element {
color: $witchcraft;
box-shadow: 0 0 0 2px rgba($witchcraft, 0.35);
}