لون مسمّى · #CDD6EA
Light Hindsight
Light Hindsight هو #CDD6EA: rgb(205 214 234)، hsl(221 41% 86%)، oklch(0.875 0.029 266.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Hindsight color name →
#CDD6EA
oklch(0.875 0.029 266.3)
تحويلات الألوان
- HEX
- #cdd6ea
- RGB
- rgb(205 214 234)
- HSL
- hsl(221 41% 86%)
- HWB
- hwb(221 80% 8%)
- OKLCH
- oklch(0.875 0.029 266.3)
- OKLab
- oklab(0.875 -0.002 -0.029)
- CIE Lab
- lab(85.39 -0.23 -10.97)
- LCH
- lch(85.39 10.97 268.8)
- CMYK
- cmyk(12% 9% 0% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D2DAEC
- D7DEEE
- DCE2F0
- E1E6F2
- E6EAF5
- EBEEF7
- F0F3F9
- F5F7FB
- FAFBFD
درجات داكنة
- B2BACB
- 989EAE
- 7E8491
- 666A75
- 4E525A
- 383B41
- 232529
- 0F1013
- 020203
درجات رمادية
- C5CDDF
- BDC4D4
- B5BBC9
- ADB3BE
- A6AAB4
- 9EA1A9
- 96999F
- 8F9194
- 87888A
تناسق الألوان
متمم +180°
- CDD6EA
Light Hindsight
- DED5C1
≈ Whirligig Geyser
متجاور -30° +30°
- CDD6EA
Light Hindsight
- C5D9E7
≈ Celestial Light
- D7D2E8
≈ Air Castle
ثلاثي +120° +240°
- CDD6EA
Light Hindsight
- E9CFCC
≈ Salmon Cream
- CADCCB
≈ Transparent White
متمم منقسم +150° +210°
- CDD6EA
Light Hindsight
- E6D2C4
≈ Ash Plum
- D4D9C3
≈ Light Feather Green
رباعي +90° +180° +270°
- CDD6EA
Light Hindsight
- E7CED6
≈ Ephemeral Red
- DED5C1
≈ Whirligig Geyser
- C3DDD5
≈ Green Wave
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.45:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.40:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-hindsight: #cdd6ea;
--light-hindsight-rgb: 205 214 234;
--light-hindsight-oklch: oklch(0.875 0.029 266.3);
}
.element {
color: var(--light-hindsight);
background-color: hsl(221 41% 86%);
border-color: oklch(0.875 0.029 266.3);
}Tailwind CSS v4
@theme {
--color-light-hindsight: #cdd6ea;
--color-light-hindsight-50: #f1f5fe;
--color-light-hindsight-100: #e4e8f2;
--color-light-hindsight-200: #cfd4e1;
--color-light-hindsight-300: #b1b7c7;
--color-light-hindsight-400: #969eb0;
--color-light-hindsight-500: #7d869a;
--color-light-hindsight-600: #6a7282;
--color-light-hindsight-700: #555b68;
--color-light-hindsight-800: #3d424d;
--color-light-hindsight-900: #2a2e35;
--color-light-hindsight-950: #181b21;
}SCSS
$light-hindsight: #cdd6ea;
$light-hindsight-rgb: 205, 214, 234;
$light-hindsight-light: mix(#fff, $light-hindsight, 20%);
$light-hindsight-dark: mix(#000, $light-hindsight, 20%);
.element {
color: $light-hindsight;
box-shadow: 0 0 0 2px rgba($light-hindsight, 0.35);
}