Benannte Farbe · #5F383C
Red Vine
Red Vine ist #5F383C: rgb(95 56 60), hsl(354 26% 30%), oklch(0.389 0.056 13.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Vine color name →
#5F383C
oklch(0.389 0.056 13.3)
Farbumrechnungen
- HEX
- #5f383c
- RGB
- rgb(95 56 60)
- HSL
- hsl(354 26% 30%)
- HWB
- hwb(354 22% 63%)
- OKLCH
- oklch(0.389 0.056 13.3)
- OKLab
- oklab(0.389 0.054 0.013)
- CIE Lab
- lab(28.52 18.23 5.27)
- LCH
- lch(28.52 18.98 16.1)
- CMYK
- cmyk(0% 41% 37% 63%)
Tints · Shades · Tones
Tints
- 6E4A4D
- 7E5C5F
- 8E6F71
- 9E8284
- AD9698
- BDAAAB
- CEBFC0
- DED4D4
- EEE9EA
Shades
- 522F33
- 44272A
- 381F21
- 2C1719
- 200F11
- 15080A
- 0A0404
- 030101
- 000000
Tones
- 633F42
- 664649
- 6A4D50
- 6D5456
- 715B5D
- 746364
- 776A6B
- 7A7172
- 7D7979
Farbharmonien
Komplementär +180°
- 5F383C
Red Vine
- 184E4D
≈ Malachite Blue Turquoise
Analog -30° +30°
- 5F383C
Red Vine
- 5A394C
≈ Dulcet Violet
- 5E3B2C
≈ Cioccolato
Triadisch +120° +240°
- 5F383C
Red Vine
- 394B2C
≈ Nettle Green
- 2F4662
≈ Stay the Night
Geteilt komplementär +150° +210°
- 5F383C
Red Vine
- 254E3C
≈ Springbok Green
- 1E4B5B
≈ Ethereal Dance
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.91:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.91:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--red-vine: #5f383c;
--red-vine-rgb: 95 56 60;
--red-vine-oklch: oklch(0.389 0.056 13.3);
}
.element {
color: var(--red-vine);
background-color: hsl(354 26% 30%);
border-color: oklch(0.389 0.056 13.3);
}Tailwind CSS v4
@theme {
--color-red-vine: #5f383c;
--color-red-vine-50: #ffeff0;
--color-red-vine-100: #fae1e2;
--color-red-vine-200: #ebcbcc;
--color-red-vine-300: #d3acae;
--color-red-vine-400: #bd9195;
--color-red-vine-500: #a8777b;
--color-red-vine-600: #8e6568;
--color-red-vine-700: #725153;
--color-red-vine-800: #543a3d;
--color-red-vine-900: #3b282a;
--color-red-vine-950: #241618;
}SCSS
$red-vine: #5f383c;
$red-vine-rgb: 95, 56, 60;
$red-vine-light: mix(#fff, $red-vine, 20%);
$red-vine-dark: mix(#000, $red-vine, 20%);
.element {
color: $red-vine;
box-shadow: 0 0 0 2px rgba($red-vine, 0.35);
}