Benannte Farbe · #B31A38
Vinho do Porto
Vinho do Porto ist #B31A38: rgb(179 26 56), hsl(348 75% 40%), oklch(0.497 0.184 18). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Vinho do Porto color name →
#B31A38
oklch(0.497 0.184 18)
Farbumrechnungen
- HEX
- #b31a38
- RGB
- rgb(179 26 56)
- HSL
- hsl(348 75% 40%)
- HWB
- hwb(348 10% 30%)
- OKLCH
- oklch(0.497 0.184 18)
- OKLab
- oklab(0.497 0.175 0.057)
- CIE Lab
- lab(39.6 59.36 25.76)
- LCH
- lch(39.6 64.71 23.5)
- CMYK
- cmyk(0% 85% 69% 30%)
Tints · Shades · Tones
Tints
- BE3B4B
- C8545D
- D16B70
- DA8084
- E29697
- E9ABAB
- F0C0C0
- F6D5D5
- FBEAEA
Shades
- 9B152F
- 841027
- 6E0C1F
- 580717
- 43040F
- 2F0208
- 1D0104
- 0C0001
- 010000
Tones
- B02E40
- AC3B47
- A9474E
- A45155
- A05A5D
- 9B6264
- 956A6B
- 8F7272
- 887979
Farbharmonien
Komplementär +180°
- B31A38
Vinho do Porto
- 007174
≈ Scaly Green
Analog -30° +30°
- B31A38
Vinho do Porto
- A62174
≈ Fabric of Love
- 9D4400
≈ Oregon
Triadisch +120° +240°
- B31A38
Vinho do Porto
- 2D7500
≈ Gardens Sericourt
- 005CC8
≈ Dead Blue Eyes
Geteilt komplementär +150° +210°
- B31A38
Vinho do Porto
- 007457
≈ Green Velvet
- 006C8D
≈ Copacabana
Tetradisch +90° +180° +270°
- B31A38
Vinho do Porto
- 696600
≈ Earthy Khaki Green
- 007174
≈ Scaly Green
- 6246C2
≈ Dragonlord Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.72:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--vinho-do-porto: #b31a38;
--vinho-do-porto-rgb: 179 26 56;
--vinho-do-porto-oklch: oklch(0.497 0.184 18);
}
.element {
color: var(--vinho-do-porto);
background-color: hsl(348 75% 40%);
border-color: oklch(0.497 0.184 18);
}Tailwind CSS v4
@theme {
--color-vinho-do-porto: #b31a38;
--color-vinho-do-porto-50: #ffe1df;
--color-vinho-do-porto-100: #ffd0ce;
--color-vinho-do-porto-200: #ffb4b4;
--color-vinho-do-porto-300: #ff8e90;
--color-vinho-do-porto-400: #f86974;
--color-vinho-do-porto-500: #e63f56;
--color-vinho-do-porto-600: #c23749;
--color-vinho-do-porto-700: #9c2c3a;
--color-vinho-do-porto-800: #751e2c;
--color-vinho-do-porto-900: #52141d;
--color-vinho-do-porto-950: #37040e;
}SCSS
$vinho-do-porto: #b31a38;
$vinho-do-porto-rgb: 179, 26, 56;
$vinho-do-porto-light: mix(#fff, $vinho-do-porto, 20%);
$vinho-do-porto-dark: mix(#000, $vinho-do-porto, 20%);
.element {
color: $vinho-do-porto;
box-shadow: 0 0 0 2px rgba($vinho-do-porto, 0.35);
}