Colore con nome · #DDD6E7
Light Lavender Water
Light Lavender Water è #DDD6E7: rgb(221 214 231), hsl(265 26% 87%), oklch(0.887 0.024 304.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Lavender Water color name →
#DDD6E7
oklch(0.887 0.024 304.5)
Conversioni di colore
- HEX
- #ddd6e7
- RGB
- rgb(221 214 231)
- HSL
- hsl(265 26% 87%)
- HWB
- hwb(265 84% 9%)
- OKLCH
- oklch(0.887 0.024 304.5)
- OKLab
- oklab(0.887 0.014 -0.02)
- CIE Lab
- lab(86.57 4.8 -7.48)
- LCH
- lch(86.57 8.89 302.7)
- CMYK
- cmyk(4% 7% 0% 9%)
Tinte · Ombre · Toni
Tinte
- E0DAE9
- E4DEEC
- E7E2EE
- EAE6F1
- EEEAF3
- F1EEF5
- F5F3F8
- F8F7FA
- FCFBFD
Ombre
- C0BAC9
- A49EAB
- 88848F
- 6E6A73
- 555259
- 3D3B40
- 262528
- 111013
- 020203
Toni
- D3CDDC
- CAC4D2
- C0BBC7
- B7B3BD
- ADAAB2
- A4A1A8
- 9B999E
- 929194
- 89888A
Armonie di colore
Complementare +180°
- DDD6E7
Light Lavender Water
- D6DDCC
≈ Light Green Ash
Analogo -30° +30°
- DDD6E7
Light Lavender Water
- D4D9EA
≈ Hawkes Blue
- E4D4E0
≈ Joyful Lilac
Triadico +120° +240°
- DDD6E7
Light Lavender Water
- E5D7CA
≈ Sheer Scarf
- C9DFDB
≈ Hushed Green
Complementare divisa +150° +210°
- DDD6E7
Light Lavender Water
- DFDAC8
≈ Peace & Quiet
- CEDFD3
≈ Aruba Aqua
Tetradico +90° +180° +270°
- DDD6E7
Light Lavender Water
- E9D4CF
≈ Ash Cherry Blossom
- D6DDCC
≈ Light Green Ash
- C9DEE4
≈ Salty Vapour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.84:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--light-lavender-water: #ddd6e7;
--light-lavender-water-rgb: 221 214 231;
--light-lavender-water-oklch: oklch(0.887 0.024 304.5);
}
.element {
color: var(--light-lavender-water);
background-color: hsl(265 26% 87%);
border-color: oklch(0.887 0.024 304.5);
}Tailwind CSS v4
@theme {
--color-light-lavender-water: #ddd6e7;
--color-light-lavender-water-50: #f7f3fb;
--color-light-lavender-water-100: #eae6ee;
--color-light-lavender-water-200: #d7d2dd;
--color-light-lavender-water-300: #bab4c1;
--color-light-lavender-water-400: #a19baa;
--color-light-lavender-water-500: #8a8294;
--color-light-lavender-water-600: #746e7d;
--color-light-lavender-water-700: #5d5864;
--color-light-lavender-water-800: #444049;
--color-light-lavender-water-900: #2f2c33;
--color-light-lavender-water-950: #1b191f;
}SCSS
$light-lavender-water: #ddd6e7;
$light-lavender-water-rgb: 221, 214, 231;
$light-lavender-water-light: mix(#fff, $light-lavender-water, 20%);
$light-lavender-water-dark: mix(#000, $light-lavender-water, 20%);
.element {
color: $light-lavender-water;
box-shadow: 0 0 0 2px rgba($light-lavender-water, 0.35);
}