Benannte Farbe · #8E6C94
Rhinestone
Rhinestone ist #8E6C94: rgb(142 108 148), hsl(291 16% 50%), oklch(0.579 0.072 321.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Rhinestone color name →
#8E6C94
oklch(0.579 0.072 321.3)
Farbumrechnungen
- HEX
- #8e6c94
- RGB
- rgb(142 108 148)
- HSL
- hsl(291 16% 50%)
- HWB
- hwb(291 42% 42%)
- OKLCH
- oklch(0.579 0.072 321.3)
- OKLab
- oklab(0.579 0.056 -0.045)
- CIE Lab
- lab(50.17 19.4 -16.52)
- LCH
- lch(50.17 25.48 319.6)
- CMYK
- cmyk(4% 27% 0% 42%)
Tints · Shades · Tones
Tints
- 997A9E
- A488A9
- AF96B3
- BAA5BE
- C6B3C9
- D1C2D3
- DCD1DE
- E8E0E9
- F3F0F4
Shades
- 7B5D80
- 684E6D
- 56405A
- 443248
- 342536
- 241926
- 150D16
- 070408
- 010001
Tones
- 8D6E92
- 8B7090
- 8A728E
- 89748C
- 87768A
- 867888
- 857A86
- 837C84
- 827E82
Farbharmonien
Komplementär +180°
- 8E6C94
Rhinestone
- 62855D
≈ Tee Off
Analog -30° +30°
- 8E6C94
Rhinestone
- 7A73A2
≈ Queen’s
- 9B687F
≈ Arcane
Triadisch +120° +240°
- 8E6C94
Rhinestone
- 907647
≈ Cattail Brown
- 3F878C
≈ Sea Caller
Geteilt komplementär +150° +210°
- 8E6C94
Rhinestone
- 7B7E4B
≈ Terrapin
- 4A8875
≈ Think Leaf
Tetradisch +90° +180° +270°
- 8E6C94
Rhinestone
- 9D6E52
≈ Sorrel Brown
- 62855D
≈ Tee Off
- 4B829D
≈ Jay Bird
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.44:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.72:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.72:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--rhinestone: #8e6c94;
--rhinestone-rgb: 142 108 148;
--rhinestone-oklch: oklch(0.579 0.072 321.3);
}
.element {
color: var(--rhinestone);
background-color: hsl(291 16% 50%);
border-color: oklch(0.579 0.072 321.3);
}Tailwind CSS v4
@theme {
--color-rhinestone: #8e6c94;
--color-rhinestone-50: #ffefff;
--color-rhinestone-100: #f4e0f6;
--color-rhinestone-200: #e4cae6;
--color-rhinestone-300: #caaccd;
--color-rhinestone-400: #b391b8;
--color-rhinestone-500: #9c76a3;
--color-rhinestone-600: #84648a;
--color-rhinestone-700: #6a506e;
--color-rhinestone-800: #4d3a52;
--color-rhinestone-900: #362839;
--color-rhinestone-950: #211624;
}SCSS
$rhinestone: #8e6c94;
$rhinestone-rgb: 142, 108, 148;
$rhinestone-light: mix(#fff, $rhinestone, 20%);
$rhinestone-dark: mix(#000, $rhinestone, 20%);
.element {
color: $rhinestone;
box-shadow: 0 0 0 2px rgba($rhinestone, 0.35);
}