Benannte Farbe · #9D9AC4
Majestic Violet
Majestic Violet ist #9D9AC4: rgb(157 154 196), hsl(244 26% 69%), oklch(0.703 0.061 288). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Majestic Violet color name →
#9D9AC4
oklch(0.703 0.061 288)
Farbumrechnungen
- HEX
- #9d9ac4
- RGB
- rgb(157 154 196)
- HSL
- hsl(244 26% 69%)
- HWB
- hwb(244 60% 23%)
- OKLCH
- oklch(0.703 0.061 288)
- OKLab
- oklab(0.703 0.019 -0.058)
- CIE Lab
- lab(64.97 7.8 -21.37)
- LCH
- lch(64.97 22.75 290)
- CMYK
- cmyk(20% 21% 0% 23%)
Tints · Shades · Tones
Tints
- A6A4CA
- B0AED0
- B9B8D6
- C3C2DC
- CDCCE2
- D7D6E8
- E1E0EE
- EBEAF3
- F5F5F9
Shades
- 8885AA
- 737191
- 5F5E78
- 4C4B61
- 3A394A
- 282735
- 181721
- 09090E
- 010102
Tones
- 9A97BD
- 9795B6
- 9492AF
- 9190A9
- 8E8DA2
- 8B8B9B
- 888894
- 86858D
- 838387
Farbharmonien
Komplementär +180°
- 9D9AC4
Majestic Violet
- A3A377
≈ Dill Grass
Analog -30° +30°
- 9D9AC4
Majestic Violet
- 88A1C6
≈ Windy City
- B094B9
≈ Lavender Earl
Triadisch +120° +240°
- 9D9AC4
Majestic Violet
- C0957F
≈ Faded Redwood
- 7AAC98
≈ Catnip
Geteilt komplementär +150° +210°
- 9D9AC4
Majestic Violet
- B59B75
≈ King’s Ransom
- 8DA984
≈ Baby Spinach
Tetradisch +90° +180° +270°
- 9D9AC4
Majestic Violet
- C39191
≈ Floral Tapestry
- A3A377
≈ Dill Grass
- 71ACAD
≈ Poolrooms
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.67:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.85:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--majestic-violet: #9d9ac4;
--majestic-violet-rgb: 157 154 196;
--majestic-violet-oklch: oklch(0.703 0.061 288);
}
.element {
color: var(--majestic-violet);
background-color: hsl(244 26% 69%);
border-color: oklch(0.703 0.061 288);
}Tailwind CSS v4
@theme {
--color-majestic-violet: #9d9ac4;
--color-majestic-violet-50: #f4f3ff;
--color-majestic-violet-100: #e7e5fc;
--color-majestic-violet-200: #d3d0ed;
--color-majestic-violet-300: #b6b3d5;
--color-majestic-violet-400: #9c99c1;
--color-majestic-violet-500: #8480ad;
--color-majestic-violet-600: #6f6c92;
--color-majestic-violet-700: #595775;
--color-majestic-violet-800: #403f57;
--color-majestic-violet-900: #2c2c3d;
--color-majestic-violet-950: #191926;
}SCSS
$majestic-violet: #9d9ac4;
$majestic-violet-rgb: 157, 154, 196;
$majestic-violet-light: mix(#fff, $majestic-violet, 20%);
$majestic-violet-dark: mix(#000, $majestic-violet, 20%);
.element {
color: $majestic-violet;
box-shadow: 0 0 0 2px rgba($majestic-violet, 0.35);
}