لون مسمّى · #CDD6DB
White Blue
White Blue هو #CDD6DB: rgb(205 214 219)، hsl(201 16% 83%)، oklch(0.871 0.012 231.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · White Blue color name →
#CDD6DB
oklch(0.871 0.012 231.7)
تحويلات الألوان
- HEX
- #cdd6db
- RGB
- rgb(205 214 219)
- HSL
- hsl(201 16% 83%)
- HWB
- hwb(201 80% 14%)
- OKLCH
- oklch(0.871 0.012 231.7)
- OKLab
- oklab(0.871 -0.007 -0.009)
- CIE Lab
- lab(85.04 -2.45 -3.59)
- LCH
- lch(85.04 4.34 235.7)
- CMYK
- cmyk(6% 2% 0% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D2DADF
- D7DEE2
- DCE2E6
- E1E6E9
- E6EAED
- EBEEF0
- F0F3F4
- F5F7F8
- FAFBFB
درجات داكنة
- B2BABE
- 989EA2
- 7E8487
- 666A6D
- 4E5254
- 383B3C
- 232526
- 0F1011
- 020202
درجات رمادية
- C5CDD2
- BDC4C8
- B5BBBF
- ADB3B6
- A6AAAC
- 9EA1A3
- 96999A
- 8F9191
- 878889
تناسق الألوان
متمم +180°
- CDD6DB
White Blue
- DBD2CD
≈ Light Stone
متجاور -30° +30°
- CDD6DB
White Blue
- CCD7D8
≈ Rising Tide
- D0D5DD
≈ Blueberry Whip
ثلاثي +120° +240°
- CDD6DB
White Blue
- DBD1D5
≈ Blush of Morn
- D4D5CC
≈ Kefir
متمم منقسم +150° +210°
- CDD6DB
White Blue
- DCD1D1
≈ Lava Geyser
- D8D4CC
≈ Winter Walk
رباعي +90° +180° +270°
- CDD6DB
White Blue
- D8D2D9
≈ Blackberry Cream
- DBD2CD
≈ Light Stone
- D0D6CF
≈ Foggy Dew
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.47:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.23:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--white-blue: #cdd6db;
--white-blue-rgb: 205 214 219;
--white-blue-oklch: oklch(0.871 0.012 231.7);
}
.element {
color: var(--white-blue);
background-color: hsl(201 16% 83%);
border-color: oklch(0.871 0.012 231.7);
}Tailwind CSS v4
@theme {
--color-white-blue: #cdd6db;
--color-white-blue-50: #f2f6f8;
--color-white-blue-100: #e4e9eb;
--color-white-blue-200: #cfd5d9;
--color-white-blue-300: #b2b8bd;
--color-white-blue-400: #98a0a4;
--color-white-blue-500: #7f888d;
--color-white-blue-600: #6b7377;
--color-white-blue-700: #565c5f;
--color-white-blue-800: #3e4346;
--color-white-blue-900: #2b2e30;
--color-white-blue-950: #181b1c;
}SCSS
$white-blue: #cdd6db;
$white-blue-rgb: 205, 214, 219;
$white-blue-light: mix(#fff, $white-blue, 20%);
$white-blue-dark: mix(#000, $white-blue, 20%);
.element {
color: $white-blue;
box-shadow: 0 0 0 2px rgba($white-blue, 0.35);
}