Benannte Farbe · #9392AD
Lavender Spectacle
Lavender Spectacle ist #9392AD: rgb(147 146 173), hsl(242 14% 63%), oklch(0.67 0.04 287). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Lavender Spectacle color name →
#9392AD
oklch(0.67 0.04 287)
Farbumrechnungen
- HEX
- #9392ad
- RGB
- rgb(147 146 173)
- HSL
- hsl(242 14% 63%)
- HWB
- hwb(242 57% 32%)
- OKLCH
- oklch(0.67 0.04 287)
- OKLab
- oklab(0.67 0.012 -0.038)
- CIE Lab
- lab(61.33 4.6 -14.08)
- LCH
- lch(61.33 14.81 288.1)
- CMYK
- cmyk(15% 16% 0% 32%)
Tints · Shades · Tones
Tints
- 9D9CB5
- A8A7BD
- B2B2C5
- BDBCCD
- C8C7D6
- D2D2DE
- DDDDE6
- E8E8EE
- F4F4F7
Shades
- 7F7E96
- 6C6B7F
- 59586A
- 474655
- 363541
- 25252D
- 16161B
- 08080B
- 010101
Tones
- 9190A8
- 8F8EA4
- 8D8D9F
- 8B8B9B
- 898996
- 878792
- 86858D
- 848489
- 828284
Farbharmonien
Komplementär +180°
- 9392AD
Lavender Spectacle
- 98977B
≈ Canyon Falls
Analog -30° +30°
- 9392AD
Lavender Spectacle
- 8697AE
≈ Norwegian Night
- 9F8EA6
≈ Nana
Triadisch +120° +240°
- 9392AD
Lavender Spectacle
- AB8E81
≈ Hollow Brown
- 7F9D90
≈ Seiji Green
Geteilt komplementär +150° +210°
- 9392AD
Lavender Spectacle
- A3937A
≈ Twill
- 8A9B83
≈ Linden Spear
Tetradisch +90° +180° +270°
- 9392AD
Lavender Spectacle
- AC8C8C
≈ Mauve Day
- 98977B
≈ Canyon Falls
- 799D9E
≈ Salt Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.01:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.95:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.95:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-spectacle: #9392ad;
--lavender-spectacle-rgb: 147 146 173;
--lavender-spectacle-oklch: oklch(0.67 0.04 287);
}
.element {
color: var(--lavender-spectacle);
background-color: hsl(242 14% 63%);
border-color: oklch(0.67 0.04 287);
}Tailwind CSS v4
@theme {
--color-lavender-spectacle: #9392ad;
--color-lavender-spectacle-50: #f4f4ff;
--color-lavender-spectacle-100: #e7e6f5;
--color-lavender-spectacle-200: #d3d2e5;
--color-lavender-spectacle-300: #b6b5cb;
--color-lavender-spectacle-400: #9c9bb5;
--color-lavender-spectacle-500: #8483a0;
--color-lavender-spectacle-600: #706f87;
--color-lavender-spectacle-700: #59586c;
--color-lavender-spectacle-800: #414150;
--color-lavender-spectacle-900: #2d2d38;
--color-lavender-spectacle-950: #1a1a22;
}SCSS
$lavender-spectacle: #9392ad;
$lavender-spectacle-rgb: 147, 146, 173;
$lavender-spectacle-light: mix(#fff, $lavender-spectacle, 20%);
$lavender-spectacle-dark: mix(#000, $lavender-spectacle, 20%);
.element {
color: $lavender-spectacle;
box-shadow: 0 0 0 2px rgba($lavender-spectacle, 0.35);
}