لون مسمّى · #D2D9CD
Light Gentle Calm
Light Gentle Calm هو #D2D9CD: rgb(210 217 205)، hsl(95 14% 83%)، oklch(0.877 0.018 131.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Gentle Calm color name →
#D2D9CD
oklch(0.877 0.018 131.9)
تحويلات الألوان
- HEX
- #d2d9cd
- RGB
- rgb(210 217 205)
- HSL
- hsl(95 14% 83%)
- HWB
- hwb(95 80% 15%)
- OKLCH
- oklch(0.877 0.018 131.9)
- OKLab
- oklab(0.877 -0.012 0.013)
- CIE Lab
- lab(85.9 -4.07 5.06)
- LCH
- lch(85.9 6.5 128.8)
- CMYK
- cmyk(3% 0% 6% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6DDD2
- DBE1D7
- DFE4DC
- E4E8E1
- E8ECE6
- EDF0EB
- F1F3F0
- F6F7F5
- FAFBFA
درجات داكنة
- B6BCB2
- 9BA198
- 81867E
- 686C66
- 50534E
- 393B38
- 242523
- 10110F
- 020202
درجات رمادية
- C9D0C5
- C1C7BD
- B9BDB5
- B0B4AD
- A8ABA6
- A0A39E
- 989A96
- 90918F
- 888987
تناسق الألوان
متمم +180°
- D2D9CD
Light Gentle Calm
- DAD3DF
≈ Spun Moonbeams
متجاور -30° +30°
- D2D9CD
Light Gentle Calm
- D8D7CA
≈ Light Livingstone
- CDDAD3
≈ Silicate Light Turquoise
ثلاثي +120° +240°
- D2D9CD
Light Gentle Calm
- CED7E2
≈ Blue Reflection
- E2D2D3
≈ Secret Blush
متمم منقسم +150° +210°
- D2D9CD
Light Gentle Calm
- D4D5E2
≈ Hint of Violet
- DFD2DA
≈ Timid Violet
رباعي +90° +180° +270°
- D2D9CD
Light Gentle Calm
- CAD9DF
≈ Moonmist
- DAD3DF
≈ Spun Moonbeams
- E1D3CD
≈ Sugar Berry
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.54:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-gentle-calm: #d2d9cd;
--light-gentle-calm-rgb: 210 217 205;
--light-gentle-calm-oklch: oklch(0.877 0.018 131.9);
}
.element {
color: var(--light-gentle-calm);
background-color: hsl(95 14% 83%);
border-color: oklch(0.877 0.018 131.9);
}Tailwind CSS v4
@theme {
--color-light-gentle-calm: #d2d9cd;
--color-light-gentle-calm-50: #f3f6f1;
--color-light-gentle-calm-100: #e5e9e3;
--color-light-gentle-calm-200: #d1d6ce;
--color-light-gentle-calm-300: #b4b9b0;
--color-light-gentle-calm-400: #9aa196;
--color-light-gentle-calm-500: #82897d;
--color-light-gentle-calm-600: #6e746a;
--color-light-gentle-calm-700: #585d54;
--color-light-gentle-calm-800: #40443d;
--color-light-gentle-calm-900: #2c2f2a;
--color-light-gentle-calm-950: #191b18;
}SCSS
$light-gentle-calm: #d2d9cd;
$light-gentle-calm-rgb: 210, 217, 205;
$light-gentle-calm-light: mix(#fff, $light-gentle-calm, 20%);
$light-gentle-calm-dark: mix(#000, $light-gentle-calm, 20%);
.element {
color: $light-gentle-calm;
box-shadow: 0 0 0 2px rgba($light-gentle-calm, 0.35);
}