لون مسمّى · #DDD6E7
Light Lavender Water
Light Lavender Water هو #DDD6E7: rgb(221 214 231)، hsl(265 26% 87%)، oklch(0.887 0.024 304.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Lavender Water color name →
#DDD6E7
oklch(0.887 0.024 304.5)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0DAE9
- E4DEEC
- E7E2EE
- EAE6F1
- EEEAF3
- F1EEF5
- F5F3F8
- F8F7FA
- FCFBFD
درجات داكنة
- C0BAC9
- A49EAB
- 88848F
- 6E6A73
- 555259
- 3D3B40
- 262528
- 111013
- 020203
درجات رمادية
- D3CDDC
- CAC4D2
- C0BBC7
- B7B3BD
- ADAAB2
- A4A1A8
- 9B999E
- 929194
- 89888A
تناسق الألوان
متمم +180°
- DDD6E7
Light Lavender Water
- D6DDCC
≈ Light Green Ash
متجاور -30° +30°
- DDD6E7
Light Lavender Water
- D4D9EA
≈ Hawkes Blue
- E4D4E0
≈ Joyful Lilac
ثلاثي +120° +240°
- DDD6E7
Light Lavender Water
- E5D7CA
≈ Sheer Scarf
- C9DFDB
≈ Hushed Green
متمم منقسم +150° +210°
- DDD6E7
Light Lavender Water
- DFDAC8
≈ Peace & Quiet
- CEDFD3
≈ Aruba Aqua
رباعي +90° +180° +270°
- DDD6E7
Light Lavender Water
- E9D4CF
≈ Ash Cherry Blossom
- D6DDCC
≈ Light Green Ash
- C9DEE4
≈ Salty Vapour
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.41:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.84:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
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);
}