Benannte Farbe · #8C9CC1
Lavender Lustre
Lavender Lustre ist #8C9CC1: rgb(140 156 193), hsl(222 30% 65%), oklch(0.693 0.058 266.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Lavender Lustre color name →
#8C9CC1
oklch(0.693 0.058 266.6)
Farbumrechnungen
- HEX
- #8c9cc1
- RGB
- rgb(140 156 193)
- HSL
- hsl(222 30% 65%)
- HWB
- hwb(222 55% 24%)
- OKLCH
- oklch(0.693 0.058 266.6)
- OKLab
- oklab(0.693 -0.003 -0.057)
- CIE Lab
- lab(64.08 0.52 -21.21)
- LCH
- lch(64.08 21.21 271.4)
- CMYK
- cmyk(27% 19% 0% 24%)
Tints · Shades · Tones
Tints
- 97A6C7
- A2AFCE
- ADB9D4
- B9C3DA
- C4CDE0
- D0D7E6
- DBE1ED
- E7EBF3
- F3F5F9
Shades
- 7987A7
- 67738F
- 555F77
- 434C5F
- 333949
- 232834
- 141820
- 07090E
- 010102
Tones
- 8B99BA
- 8A96B4
- 8894AD
- 8791A7
- 868EA0
- 858B9A
- 848893
- 82868D
- 818386
Farbharmonien
Komplementär +180°
- 8C9CC1
Lavender Lustre
- AC9A73
≈ Toasted Sesame
Analog -30° +30°
- 8C9CC1
Lavender Lustre
- 7AA2BC
≈ Ocean Surf
- 9F95BD
≈ Chive Flower
Triadisch +120° +240°
- 8C9CC1
Lavender Lustre
- BE8F89
≈ Smoky Pink
- 86A688
≈ Mermaid’s Cove
Geteilt komplementär +150° +210°
- 8C9CC1
Lavender Lustre
- B9947A
≈ Cool Clay
- 9AA179
≈ Pine Trail
Tetradisch +90° +180° +270°
- 8C9CC1
Lavender Lustre
- BB8E9D
≈ Cherry Juice
- AC9A73
≈ Toasted Sesame
- 76A99B
≈ Twining Vine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.74:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.64:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-lustre: #8c9cc1;
--lavender-lustre-rgb: 140 156 193;
--lavender-lustre-oklch: oklch(0.693 0.058 266.6);
}
.element {
color: var(--lavender-lustre);
background-color: hsl(222 30% 65%);
border-color: oklch(0.693 0.058 266.6);
}Tailwind CSS v4
@theme {
--color-lavender-lustre: #8c9cc1;
--color-lavender-lustre-50: #eef5ff;
--color-lavender-lustre-100: #e0e8fc;
--color-lavender-lustre-200: #cad4ee;
--color-lavender-lustre-300: #abb7d6;
--color-lavender-lustre-400: #8f9ec1;
--color-lavender-lustre-500: #7586ad;
--color-lavender-lustre-600: #637192;
--color-lavender-lustre-700: #4f5a75;
--color-lavender-lustre-800: #384257;
--color-lavender-lustre-900: #272e3d;
--color-lavender-lustre-950: #151a26;
}SCSS
$lavender-lustre: #8c9cc1;
$lavender-lustre-rgb: 140, 156, 193;
$lavender-lustre-light: mix(#fff, $lavender-lustre, 20%);
$lavender-lustre-dark: mix(#000, $lavender-lustre, 20%);
.element {
color: $lavender-lustre;
box-shadow: 0 0 0 2px rgba($lavender-lustre, 0.35);
}