Benannte Farbe · #473951
Gothic Grape
Gothic Grape ist #473951: rgb(71 57 81), hsl(275 17% 27%), oklch(0.369 0.044 310.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Gothic Grape color name →
#473951
oklch(0.369 0.044 310.8)
Farbumrechnungen
- HEX
- #473951
- RGB
- rgb(71 57 81)
- HSL
- hsl(275 17% 27%)
- HWB
- hwb(275 22% 68%)
- OKLCH
- oklch(0.369 0.044 310.8)
- OKLab
- oklab(0.369 0.029 -0.033)
- CIE Lab
- lab(26.26 10.34 -12.26)
- LCH
- lch(26.26 16.04 310.1)
- CMYK
- cmyk(12% 30% 0% 68%)
Tints · Shades · Tones
Tints
- 574A61
- 685D71
- 7A6F82
- 8C8293
- 9E96A4
- B1AAB6
- C4BFC8
- D7D4DA
- EBE9EC
Shades
- 3D3045
- 32283A
- 281F2F
- 1F1724
- 16101A
- 0D0910
- 060407
- 020102
- 000000
Tones
- 4C4056
- 52475A
- 584E5F
- 5D5564
- 635C68
- 69636D
- 6E6A72
- 747177
- 7A797B
Farbharmonien
Komplementär +180°
- 473951
Gothic Grape
- 37442C
≈ Mallardish
Analog -30° +30°
- 473951
Gothic Grape
- 3B3D57
≈ Victory Blue
- 503647
≈ Velvet Touch
Triadisch +120° +240°
- 473951
Gothic Grape
- 4F3C25
≈ Witch’s Cottage
- 204745
≈ Prestige Green
Geteilt komplementär +150° +210°
- 473951
Gothic Grape
- 454024
≈ Madras
- 2A4738
≈ Wine Bottle Green
Tetradisch +90° +180° +270°
- 473951
Gothic Grape
- 54382D
≈ Bright Brown
- 37442C
≈ Mallardish
- 234550
≈ Moscow Midnight
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.64:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.97:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.64:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--gothic-grape: #473951;
--gothic-grape-rgb: 71 57 81;
--gothic-grape-oklch: oklch(0.369 0.044 310.8);
}
.element {
color: var(--gothic-grape);
background-color: hsl(275 17% 27%);
border-color: oklch(0.369 0.044 310.8);
}Tailwind CSS v4
@theme {
--color-gothic-grape: #473951;
--color-gothic-grape-50: #faf2fe;
--color-gothic-grape-100: #ede4f3;
--color-gothic-grape-200: #dbcfe2;
--color-gothic-grape-300: #bfb1c8;
--color-gothic-grape-400: #a798b2;
--color-gothic-grape-500: #907e9c;
--color-gothic-grape-600: #796b84;
--color-gothic-grape-700: #61556a;
--color-gothic-grape-800: #473e4e;
--color-gothic-grape-900: #312b36;
--color-gothic-grape-950: #1d1821;
}SCSS
$gothic-grape: #473951;
$gothic-grape-rgb: 71, 57, 81;
$gothic-grape-light: mix(#fff, $gothic-grape, 20%);
$gothic-grape-dark: mix(#000, $gothic-grape, 20%);
.element {
color: $gothic-grape;
box-shadow: 0 0 0 2px rgba($gothic-grape, 0.35);
}