Benannte Farbe · #9D7EB7
Lush Lilac
Lush Lilac ist #9D7EB7: rgb(157 126 183), hsl(273 28% 61%), oklch(0.643 0.09 308.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Lush Lilac color name →
#9D7EB7
oklch(0.643 0.09 308.8)
Farbumrechnungen
- HEX
- #9d7eb7
- RGB
- rgb(157 126 183)
- HSL
- hsl(273 28% 61%)
- HWB
- hwb(273 49% 28%)
- OKLCH
- oklch(0.643 0.09 308.8)
- OKLab
- oklab(0.643 0.056 -0.07)
- CIE Lab
- lab(57.39 20.6 -25.58)
- LCH
- lch(57.39 32.85 308.8)
- CMYK
- cmyk(14% 31% 0% 28%)
Tints · Shades · Tones
Tints
- A68ABE
- B097C6
- BAA4CD
- C3B0D4
- CDBDDB
- D7CAE3
- E1D7EA
- EBE4F1
- F5F2F8
Shades
- 886D9F
- 735C87
- 5F4C70
- 4C3C5A
- 3A2D45
- 281F31
- 18111E
- 09050C
- 010102
Tones
- 9A7EB2
- 977FAC
- 947FA7
- 917FA1
- 8E809C
- 8C8096
- 898091
- 86808B
- 838086
Farbharmonien
Komplementär +180°
- 9D7EB7
Lush Lilac
- 7C985C
≈ Dry Moss
Analog -30° +30°
- 9D7EB7
Lush Lilac
- 8187C3
≈ True Lavender
- B1779F
≈ Victorian Violet
Triadisch +120° +240°
- 9D7EB7
Lush Lilac
- B1834E
≈ Gold Plated
- 3F9F98
≈ Baltic Green
Geteilt komplementär +150° +210°
- 9D7EB7
Lush Lilac
- 9B8E4A
≈ Off the Grid
- 5A9E79
≈ Memphis Green
Tetradisch +90° +180° +270°
- 9D7EB7
Lush Lilac
- BC7A64
≈ Autumn’s Hill
- 7C985C
≈ Dry Moss
- 439AB2
≈ Sports Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.10:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--lush-lilac: #9d7eb7;
--lush-lilac-rgb: 157 126 183;
--lush-lilac-oklch: oklch(0.643 0.09 308.8);
}
.element {
color: var(--lush-lilac);
background-color: hsl(273 28% 61%);
border-color: oklch(0.643 0.09 308.8);
}Tailwind CSS v4
@theme {
--color-lush-lilac: #9d7eb7;
--color-lush-lilac-50: #fdeeff;
--color-lush-lilac-100: #f2e0ff;
--color-lush-lilac-200: #e1caf1;
--color-lush-lilac-300: #c6abda;
--color-lush-lilac-400: #ae90c7;
--color-lush-lilac-500: #9775b4;
--color-lush-lilac-600: #806398;
--color-lush-lilac-700: #674f7a;
--color-lush-lilac-800: #4a3a5b;
--color-lush-lilac-900: #342840;
--color-lush-lilac-950: #1f1628;
}SCSS
$lush-lilac: #9d7eb7;
$lush-lilac-rgb: 157, 126, 183;
$lush-lilac-light: mix(#fff, $lush-lilac, 20%);
$lush-lilac-dark: mix(#000, $lush-lilac, 20%);
.element {
color: $lush-lilac;
box-shadow: 0 0 0 2px rgba($lush-lilac, 0.35);
}