Benannte Farbe · #7A0A14
Mythical Wine
Mythical Wine ist #7A0A14: rgb(122 10 20), hsl(355 85% 26%), oklch(0.371 0.143 24.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mythical Wine color name →
#7A0A14
oklch(0.371 0.143 24.7)
Farbumrechnungen
- HEX
- #7a0a14
- RGB
- rgb(122 10 20)
- HSL
- hsl(355 85% 26%)
- HWB
- hwb(355 4% 52%)
- OKLCH
- oklch(0.371 0.143 24.7)
- OKLab
- oklab(0.371 0.129 0.06)
- CIE Lab
- lab(25.53 45.26 28.96)
- LCH
- lch(25.53 53.73 32.6)
- CMYK
- cmyk(0% 92% 84% 52%)
Tints · Shades · Tones
Tints
- 8A2C2B
- 994440
- A75B56
- B5726D
- C28984
- CFA09B
- DCB7B4
- E8CFCC
- F4E7E5
Shades
- 690710
- 59050C
- 490308
- 3A0205
- 2B0103
- 1D0101
- 100001
- 050000
- 010000
Tones
- 7D1F20
- 7F2D2B
- 813936
- 824440
- 834F4B
- 835955
- 836360
- 836D6A
- 827675
Farbharmonien
Komplementär +180°
- 7A0A14
Mythical Wine
- 004950
≈ Sherpa Blue
Analog -30° +30°
- 7A0A14
Mythical Wine
- 740C44
≈ Dawn of the Fairies
- 643000
≈ Beasty Brown
Triadisch +120° +240°
- 7A0A14
Mythical Wine
- 004F0F
≈ Malachite Green
- 19378A
≈ Dark Seashore Night
Geteilt komplementär +150° +210°
- 7A0A14
Mythical Wine
- 004C3E
≈ Aqua Deep
- 004663
≈ Forest Blues
Tetradisch +90° +180° +270°
- 7A0A14
Mythical Wine
- 3F4400
≈ Green Not Found
- 004950
≈ Sherpa Blue
- 482881
≈ Spanish Violet
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.16:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.88:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.16:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--mythical-wine: #7a0a14;
--mythical-wine-rgb: 122 10 20;
--mythical-wine-oklch: oklch(0.371 0.143 24.7);
}
.element {
color: var(--mythical-wine);
background-color: hsl(355 85% 26%);
border-color: oklch(0.371 0.143 24.7);
}Tailwind CSS v4
@theme {
--color-mythical-wine: #7a0a14;
--color-mythical-wine-50: #ffe6e0;
--color-mythical-wine-100: #ffd6cf;
--color-mythical-wine-200: #ffbdb4;
--color-mythical-wine-300: #f89a90;
--color-mythical-wine-400: #e67a73;
--color-mythical-wine-500: #d45955;
--color-mythical-wine-600: #b34c48;
--color-mythical-wine-700: #903d39;
--color-mythical-wine-800: #6b2b2b;
--color-mythical-wine-900: #4c1d1d;
--color-mythical-wine-950: #310c0d;
}SCSS
$mythical-wine: #7a0a14;
$mythical-wine-rgb: 122, 10, 20;
$mythical-wine-light: mix(#fff, $mythical-wine, 20%);
$mythical-wine-dark: mix(#000, $mythical-wine, 20%);
.element {
color: $mythical-wine;
box-shadow: 0 0 0 2px rgba($mythical-wine, 0.35);
}