Benannte Farbe · #7B0323
Wine Red
Wine Red ist #7B0323: rgb(123 3 35), hsl(344 95% 25%), oklch(0.372 0.146 16.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Wine Red color name →
#7B0323
oklch(0.372 0.146 16.6)
Farbumrechnungen
- HEX
- #7b0323
- RGB
- rgb(123 3 35)
- HSL
- hsl(344 95% 25%)
- HWB
- hwb(344 1% 52%)
- OKLCH
- oklch(0.372 0.146 16.6)
- OKLab
- oklab(0.372 0.14 0.042)
- CIE Lab
- lab(25.49 47.25 19.12)
- LCH
- lch(25.49 50.97 22)
- CMYK
- cmyk(0% 98% 72% 52%)
Tints · Shades · Tones
Tints
- 8B2936
- 9A424A
- A85A5F
- B67174
- C3888A
- D09FA0
- DDB7B7
- E8CECF
- F4E7E7
Shades
- 6A021D
- 5A0217
- 4A0111
- 3A010C
- 2C0007
- 1E0004
- 100001
- 050000
- 010000
Tones
- 7E1C2C
- 802B35
- 81373E
- 834347
- 844E50
- 84585A
- 846263
- 836C6D
- 827676
Farbharmonien
Komplementär +180°
- 7B0323
Wine Red
- 004A4B
≈ Deep Into the Jungle
Analog -30° +30°
- 7B0323
Wine Red
- 710C4F
≈ Velvet
- 6A2A00
≈ Cold Press Coffee
Triadisch +120° +240°
- 7B0323
Wine Red
- 1F4D00
≈ Malachite Green
- 003D83
≈ Mystery Oceans
Geteilt komplementär +150° +210°
- 7B0323
Wine Red
- 004D37
≈ Chrysocolla Dark Green
- 00475D
≈ Loyal Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.17:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--wine-red: #7b0323;
--wine-red-rgb: 123 3 35;
--wine-red-oklch: oklch(0.372 0.146 16.6);
}
.element {
color: var(--wine-red);
background-color: hsl(344 95% 25%);
border-color: oklch(0.372 0.146 16.6);
}Tailwind CSS v4
@theme {
--color-wine-red: #7b0323;
--color-wine-red-50: #ffe5e5;
--color-wine-red-100: #ffd5d5;
--color-wine-red-200: #ffbbbc;
--color-wine-red-300: #f9989a;
--color-wine-red-400: #e87780;
--color-wine-red-500: #d55563;
--color-wine-red-600: #b44954;
--color-wine-red-700: #913a43;
--color-wine-red-800: #6c2932;
--color-wine-red-900: #4c1c22;
--color-wine-red-950: #320b11;
}SCSS
$wine-red: #7b0323;
$wine-red-rgb: 123, 3, 35;
$wine-red-light: mix(#fff, $wine-red, 20%);
$wine-red-dark: mix(#000, $wine-red, 20%);
.element {
color: $wine-red;
box-shadow: 0 0 0 2px rgba($wine-red, 0.35);
}