Benannte Farbe · #941751
Wine Grape
Wine Grape ist #941751: rgb(148 23 81), hsl(332 73% 34%), oklch(0.443 0.164 359.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Wine Grape color name →
#941751
oklch(0.443 0.164 359.2)
Farbumrechnungen
- HEX
- #941751
- RGB
- rgb(148 23 81)
- HSL
- hsl(332 73% 34%)
- HWB
- hwb(332 9% 42%)
- OKLCH
- oklch(0.443 0.164 359.2)
- OKLab
- oklab(0.443 0.164 -0.002)
- CIE Lab
- lab(33.35 52.66 -0.07)
- LCH
- lch(33.35 52.66 359.9)
- CMYK
- cmyk(0% 84% 45% 42%)
Tints · Shades · Tones
Tints
- A13561
- AE4E71
- BA6481
- C57A92
- D090A4
- DBA6B5
- E4BCC7
- EED2DA
- F7E8EC
Shades
- 801245
- 6D0E3A
- 5A0A2F
- 480624
- 36041A
- 260210
- 160107
- 080002
- 010000
Tones
- 942956
- 93365A
- 92415F
- 914B63
- 905568
- 8E5E6D
- 8B6772
- 886F76
- 84787B
Farbharmonien
Komplementär +180°
- 941751
Wine Grape
- 006254
≈ Philodendron
Analog -30° +30°
- 941751
Wine Grape
- 81257E
≈ Hello Darkness My Old Friend
- 9A1A12
≈ Bleeding Crimson
Triadisch +120° +240°
- 941751
Wine Grape
- 4D5B00
≈ Kyuri Green
- 005984
≈ High Profile
Geteilt komplementär +150° +210°
- 941751
Wine Grape
- 006529
≈ Woodland Wonder
- 005F6A
≈ Petrol
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.39:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.50:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.39:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--wine-grape: #941751;
--wine-grape-rgb: 148 23 81;
--wine-grape-oklch: oklch(0.443 0.164 359.2);
}
.element {
color: var(--wine-grape);
background-color: hsl(332 73% 34%);
border-color: oklch(0.443 0.164 359.2);
}Tailwind CSS v4
@theme {
--color-wine-grape: #941751;
--color-wine-grape-50: #ffe2f2;
--color-wine-grape-100: #ffd2e4;
--color-wine-grape-200: #ffb7d0;
--color-wine-grape-300: #fb92b2;
--color-wine-grape-400: #e9709c;
--color-wine-grape-500: #d74c83;
--color-wine-grape-600: #b5426f;
--color-wine-grape-700: #923459;
--color-wine-grape-800: #6c2543;
--color-wine-grape-900: #4c192e;
--color-wine-grape-950: #32081b;
}SCSS
$wine-grape: #941751;
$wine-grape-rgb: 148, 23, 81;
$wine-grape-light: mix(#fff, $wine-grape, 20%);
$wine-grape-dark: mix(#000, $wine-grape, 20%);
.element {
color: $wine-grape;
box-shadow: 0 0 0 2px rgba($wine-grape, 0.35);
}