Adlandırılmış renk · #CDD6DB
White Blue
White Blue, #CDD6DB: rgb(205 214 219), hsl(201 16% 83%), oklch(0.871 0.012 231.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · White Blue color name →
#CDD6DB
oklch(0.871 0.012 231.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2DADF
- D7DEE2
- DCE2E6
- E1E6E9
- E6EAED
- EBEEF0
- F0F3F4
- F5F7F8
- FAFBFB
Koyu tonlar
- B2BABE
- 989EA2
- 7E8487
- 666A6D
- 4E5254
- 383B3C
- 232526
- 0F1011
- 020202
Gri tonlar
- C5CDD2
- BDC4C8
- B5BBBF
- ADB3B6
- A6AAAC
- 9EA1A3
- 96999A
- 8F9191
- 878889
Renk uyumları
Tamamlayıcı +180°
- CDD6DB
White Blue
- DBD2CD
≈ Light Stone
Analog -30° +30°
- CDD6DB
White Blue
- CCD7D8
≈ Rising Tide
- D0D5DD
≈ Blueberry Whip
Üçlü +120° +240°
- CDD6DB
White Blue
- DBD1D5
≈ Blush of Morn
- D4D5CC
≈ Kefir
Bölünmüş tamamlayıcı +150° +210°
- CDD6DB
White Blue
- DCD1D1
≈ Lava Geyser
- D8D4CC
≈ Winter Walk
Dörtlü +90° +180° +270°
- CDD6DB
White Blue
- D8D2D9
≈ Blackberry Cream
- DBD2CD
≈ Light Stone
- D0D6CF
≈ Foggy Dew
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.23:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}