Colore con nome · #9D9399
Lavender Elan
Lavender Elan è #9D9399: rgb(157 147 153), hsl(324 5% 60%), oklch(0.674 0.015 340.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lavender Elan color name →
#9D9399
oklch(0.674 0.015 340.7)
Conversioni di colore
- HEX
- #9d9399
- RGB
- rgb(157 147 153)
- HSL
- hsl(324 5% 60%)
- HWB
- hwb(324 58% 38%)
- OKLCH
- oklch(0.674 0.015 340.7)
- OKLab
- oklab(0.674 0.014 -0.005)
- CIE Lab
- lab(61.95 4.65 -1.78)
- LCH
- lch(61.95 4.98 339.1)
- CMYK
- cmyk(0% 6% 3% 38%)
Tinte · Ombre · Toni
Tinte
- A69DA3
- B0A8AD
- BAB2B7
- C3BDC1
- CDC8CB
- D7D3D5
- E1DDDF
- EBE9EA
- F5F4F4
Ombre
- 887F84
- 736C70
- 5F595D
- 4C474A
- 3A3638
- 282527
- 181617
- 090808
- 010101
Toni
- 9A9196
- 978F94
- 948D91
- 918B8F
- 8E898C
- 8C888A
- 898687
- 868485
- 838282
Armonie di colore
Complementare +180°
- 9D9399
Lavender Elan
- 8F9993
≈ Steel Toe
Analogo -30° +30°
- 9D9399
Lavender Elan
- 99949D
≈ Emperor’s Robe
- 9F9394
≈ Auger Shell
Triadico +120° +240°
- 9D9399
Lavender Elan
- 98978D
≈ Worlds Away
- 8D999D
≈ By the Sea
Complementare divisa +150° +210°
- 9D9399
Lavender Elan
- 93988F
≈ Pond Leaves
- 8D9998
≈ Evening Fog
Tetradico +90° +180° +270°
- 9D9399
Lavender Elan
- 9C958D
≈ Elephant Cub
- 8F9993
≈ Steel Toe
- 90979F
≈ Grisaille
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.06:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.06:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender-elan: #9d9399;
--lavender-elan-rgb: 157 147 153;
--lavender-elan-oklch: oklch(0.674 0.015 340.7);
}
.element {
color: var(--lavender-elan);
background-color: hsl(324 5% 60%);
border-color: oklch(0.674 0.015 340.7);
}Tailwind CSS v4
@theme {
--color-lavender-elan: #9d9399;
--color-lavender-elan-50: #f8f3f6;
--color-lavender-elan-100: #ece6e9;
--color-lavender-elan-200: #d9d2d6;
--color-lavender-elan-300: #bdb5b9;
--color-lavender-elan-400: #a59ba1;
--color-lavender-elan-500: #8d8389;
--color-lavender-elan-600: #786f74;
--color-lavender-elan-700: #60585d;
--color-lavender-elan-800: #464044;
--color-lavender-elan-900: #302c2f;
--color-lavender-elan-950: #1d191c;
}SCSS
$lavender-elan: #9d9399;
$lavender-elan-rgb: 157, 147, 153;
$lavender-elan-light: mix(#fff, $lavender-elan, 20%);
$lavender-elan-dark: mix(#000, $lavender-elan, 20%);
.element {
color: $lavender-elan;
box-shadow: 0 0 0 2px rgba($lavender-elan, 0.35);
}