Benannte Farbe · #937899
Vestige
Vestige ist #937899: rgb(147 120 153), hsl(289 14% 54%), oklch(0.61 0.058 320.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Vestige color name →
#937899
oklch(0.61 0.058 320.1)
Farbumrechnungen
- HEX
- #937899
- RGB
- rgb(147 120 153)
- HSL
- hsl(289 14% 54%)
- HWB
- hwb(289 47% 40%)
- OKLCH
- oklch(0.61 0.058 320.1)
- OKLab
- oklab(0.61 0.045 -0.037)
- CIE Lab
- lab(53.91 15.42 -13.76)
- LCH
- lch(53.91 20.67 318.3)
- CMYK
- cmyk(4% 22% 0% 40%)
Tints · Shades · Tones
Tints
- 9D85A3
- A892AD
- B39FB7
- BDACC1
- C8BACB
- D3C7D5
- DED5E0
- E9E3EA
- F4F1F4
Shades
- 7F6784
- 6C5770
- 59485D
- 47394A
- 362A38
- 251D27
- 161017
- 080508
- 010101
Tones
- 917997
- 8F7A94
- 8D7B92
- 8C7B8F
- 8A7C8D
- 887D8A
- 867E88
- 847F85
- 827F83
Farbharmonien
Komplementär +180°
- 937899
Vestige
- 718C6B
≈ Forest Path
Analog -30° +30°
- 937899
Vestige
- 827DA4
≈ Second Pour
- 9F7588
≈ Upper Crust
Triadisch +120° +240°
- 937899
Vestige
- 96805B
≈ Branching-Out Olive
- 578E91
≈ Bristol Blue
Geteilt komplementär +150° +210°
- 937899
Vestige
- 85865E
≈ Tuscany Hillside
- 5F8F7E
≈ Sheffield
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.89:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.38:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.38:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--vestige: #937899;
--vestige-rgb: 147 120 153;
--vestige-oklch: oklch(0.61 0.058 320.1);
}
.element {
color: var(--vestige);
background-color: hsl(289 14% 54%);
border-color: oklch(0.61 0.058 320.1);
}Tailwind CSS v4
@theme {
--color-vestige: #937899;
--color-vestige-50: #fdf0ff;
--color-vestige-100: #f2e2f4;
--color-vestige-200: #e1cce3;
--color-vestige-300: #c6aec9;
--color-vestige-400: #ae94b4;
--color-vestige-500: #987a9e;
--color-vestige-600: #806786;
--color-vestige-700: #67526b;
--color-vestige-800: #4b3c50;
--color-vestige-900: #342937;
--color-vestige-950: #1f1722;
}SCSS
$vestige: #937899;
$vestige-rgb: 147, 120, 153;
$vestige-light: mix(#fff, $vestige, 20%);
$vestige-dark: mix(#000, $vestige, 20%);
.element {
color: $vestige;
box-shadow: 0 0 0 2px rgba($vestige, 0.35);
}