Colore con nome · #D3D3E2
Lavender Memory
Lavender Memory è #D3D3E2: rgb(211 211 226), hsl(240 21% 86%), oklch(0.871 0.021 286). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lavender Memory color name →
#D3D3E2
oklch(0.871 0.021 286)
Conversioni di colore
- HEX
- #d3d3e2
- RGB
- rgb(211 211 226)
- HSL
- hsl(240 21% 86%)
- HWB
- hwb(240 83% 11%)
- OKLCH
- oklch(0.871 0.021 286)
- OKLab
- oklab(0.871 0.006 -0.02)
- CIE Lab
- lab(84.9 2.1 -7.42)
- LCH
- lch(84.9 7.71 285.8)
- CMYK
- cmyk(7% 7% 0% 11%)
Tinte · Ombre · Toni
Tinte
- D7D7E5
- DCDCE8
- E0E0EB
- E4E4EE
- E9E9F0
- EDEDF3
- F2F2F6
- F6F6F9
- FBFBFC
Ombre
- B7B7C4
- 9C9CA8
- 82828C
- 696971
- 515157
- 3A3A3E
- 242427
- 101012
- 020203
Toni
- CACAD8
- C2C2CE
- B9B9C4
- B1B1BA
- A9A9B0
- A0A0A6
- 98989C
- 909093
- 888889
Armonie di colore
Complementare +180°
- D3D3E2
Lavender Memory
- D6D6C7
≈ Silver Green
Analogo -30° +30°
- D3D3E2
Lavender Memory
- CCD6E2
≈ Blue Reflection
- DAD1DE
≈ Spun Moonbeams
Triadico +120° +240°
- D3D3E2
Lavender Memory
- E1D1CA
≈ Mocha Ice
- C9D9D1
≈ Soft Haze
Complementare divisa +150° +210°
- D3D3E2
Lavender Memory
- DDD3C6
≈ Coconut Ice
- CFD8CB
≈ Aspen Mist
Tetradico +90° +180° +270°
- D3D3E2
Lavender Memory
- E2D0D0
≈ Mauve Chalk
- D6D6C7
≈ Silver Green
- C6D9D9
≈ Barest Hint of Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.18:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender-memory: #d3d3e2;
--lavender-memory-rgb: 211 211 226;
--lavender-memory-oklch: oklch(0.871 0.021 286);
}
.element {
color: var(--lavender-memory);
background-color: hsl(240 21% 86%);
border-color: oklch(0.871 0.021 286);
}Tailwind CSS v4
@theme {
--color-lavender-memory: #d3d3e2;
--color-lavender-memory-50: #f5f4fb;
--color-lavender-memory-100: #e7e7ef;
--color-lavender-memory-200: #d3d3dd;
--color-lavender-memory-300: #b6b6c2;
--color-lavender-memory-400: #9d9daa;
--color-lavender-memory-500: #858494;
--color-lavender-memory-600: #70707d;
--color-lavender-memory-700: #5a5a64;
--color-lavender-memory-800: #414249;
--color-lavender-memory-900: #2d2d33;
--color-lavender-memory-950: #1a1a1f;
}SCSS
$lavender-memory: #d3d3e2;
$lavender-memory-rgb: 211, 211, 226;
$lavender-memory-light: mix(#fff, $lavender-memory, 20%);
$lavender-memory-dark: mix(#000, $lavender-memory, 20%);
.element {
color: $lavender-memory;
box-shadow: 0 0 0 2px rgba($lavender-memory, 0.35);
}