Benannte Farbe · #8F818B
Lavendaire
Lavendaire ist #8F818B: rgb(143 129 139), hsl(317 6% 53%), oklch(0.619 0.022 335.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lavendaire color name →
#8F818B
oklch(0.619 0.022 335.9)
Farbumrechnungen
- HEX
- #8f818b
- RGB
- rgb(143 129 139)
- HSL
- hsl(317 6% 53%)
- HWB
- hwb(317 51% 44%)
- OKLCH
- oklch(0.619 0.022 335.9)
- OKLab
- oklab(0.619 0.02 -0.009)
- CIE Lab
- lab(55.5 6.89 -3.38)
- LCH
- lch(55.5 7.67 333.9)
- CMYK
- cmyk(0% 10% 3% 44%)
Tints · Shades · Tones
Tints
- 9A8D96
- A499A1
- AFA5AC
- BAB2B8
- C6BEC3
- D1CBCF
- DCD8DB
- E8E5E7
- F3F2F3
Shades
- 7C6F78
- 695E66
- 574E54
- 453E43
- 342E32
- 241F23
- 151214
- 070607
- 010101
Tones
- 8E818A
- 8C8189
- 8B8188
- 898187
- 888185
- 868084
- 858083
- 838082
- 828081
Farbharmonien
Komplementär +180°
- 8F818B
Lavendaire
- 7C8A80
≈ Salty Sea
Analog -30° +30°
- 8F818B
Lavendaire
- 898391
≈ Formal Affair
- 928184
≈ Venetian
Triadisch +120° +240°
- 8F818B
Lavendaire
- 8A8677
≈ Roller Coaster
- 778A8E
≈ Leisure Time
Geteilt komplementär +150° +210°
- 8F818B
Lavendaire
- 82887A
≈ Spruce Shadow
- 778A88
≈ Juniper Ash
Tetradisch +90° +180° +270°
- 8F818B
Lavendaire
- 908378
≈ Timeless Taupe
- 7C8A80
≈ Salty Sea
- 7B8893
≈ Deep Channel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.68:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--lavendaire: #8f818b;
--lavendaire-rgb: 143 129 139;
--lavendaire-oklch: oklch(0.619 0.022 335.9);
}
.element {
color: var(--lavendaire);
background-color: hsl(317 6% 53%);
border-color: oklch(0.619 0.022 335.9);
}Tailwind CSS v4
@theme {
--color-lavendaire: #8f818b;
--color-lavendaire-50: #faf3f7;
--color-lavendaire-100: #ede5ea;
--color-lavendaire-200: #dbd1d7;
--color-lavendaire-300: #bfb3bb;
--color-lavendaire-400: #a79aa3;
--color-lavendaire-500: #90818c;
--color-lavendaire-600: #7a6d76;
--color-lavendaire-700: #62575f;
--color-lavendaire-800: #474046;
--color-lavendaire-900: #312c30;
--color-lavendaire-950: #1d191c;
}SCSS
$lavendaire: #8f818b;
$lavendaire-rgb: 143, 129, 139;
$lavendaire-light: mix(#fff, $lavendaire, 20%);
$lavendaire-dark: mix(#000, $lavendaire, 20%);
.element {
color: $lavendaire;
box-shadow: 0 0 0 2px rgba($lavendaire, 0.35);
}