Benannte Farbe · #9A435D
Velvet Wine
Velvet Wine ist #9A435D: rgb(154 67 93), hsl(342 39% 43%), oklch(0.504 0.119 3.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Velvet Wine color name →
#9A435D
oklch(0.504 0.119 3.6)
Farbumrechnungen
- HEX
- #9a435d
- RGB
- rgb(154 67 93)
- HSL
- hsl(342 39% 43%)
- HWB
- hwb(342 26% 40%)
- OKLCH
- oklch(0.504 0.119 3.6)
- OKLab
- oklab(0.504 0.119 0.007)
- CIE Lab
- lab(41.02 39.02 3.42)
- LCH
- lch(41.02 39.17 5)
- CMYK
- cmyk(0% 56% 40% 40%)
Tints · Shades · Tones
Tints
- A5566C
- B1687B
- BB7A8A
- C68D9A
- D09FAA
- DAB2BB
- E4C5CB
- EDD8DC
- F6EBEE
Shades
- 853950
- 712F43
- 5E2637
- 4B1D2A
- 39141F
- 270C14
- 17050A
- 090103
- 010000
Tones
- 984A60
- 975164
- 955767
- 935E6B
- 90646E
- 8E6A72
- 8B6F75
- 887579
- 847B7C
Farbharmonien
Komplementär +180°
- 9A435D
Velvet Wine
- 00756A
≈ Hawk Turquoise
Analog -30° +30°
- 9A435D
Velvet Wine
- 8C4781
≈ Pickled Plum
- 9D4734
≈ Burnt Earth
Triadisch +120° +240°
- 9A435D
Velvet Wine
- 576F0D
≈ Over the Hills
- 0C6AA3
≈ Jazz Blue
Geteilt komplementär +150° +210°
- 9A435D
Velvet Wine
- 177743
≈ Gale of the Wind
- 007183
≈ Caribbean Dream
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.29:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.33:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-wine: #9a435d;
--velvet-wine-rgb: 154 67 93;
--velvet-wine-oklch: oklch(0.504 0.119 3.6);
}
.element {
color: var(--velvet-wine);
background-color: hsl(342 39% 43%);
border-color: oklch(0.504 0.119 3.6);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #9a435d;
--color-velvet-wine-50: #ffe8f0;
--color-velvet-wine-100: #ffd8e2;
--color-velvet-wine-200: #ffc0cd;
--color-velvet-wine-300: #ec9eae;
--color-velvet-wine-400: #d97f97;
--color-velvet-wine-500: #c5617e;
--color-velvet-wine-600: #a7536a;
--color-velvet-wine-700: #864255;
--color-velvet-wine-800: #632f3f;
--color-velvet-wine-900: #46202c;
--color-velvet-wine-950: #2d0f19;
}SCSS
$velvet-wine: #9a435d;
$velvet-wine-rgb: 154, 67, 93;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}