Adlandırılmış renk · #CBD3E6
English Channel Fog
English Channel Fog, #CBD3E6: rgb(203 211 230), hsl(222 35% 85%), oklch(0.867 0.028 267.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · English Channel Fog color name →
#CBD3E6
oklch(0.867 0.028 267.5)
Renk dönüşümleri
- HEX
- #cbd3e6
- RGB
- rgb(203 211 230)
- HSL
- hsl(222 35% 85%)
- HWB
- hwb(222 80% 10%)
- OKLCH
- oklch(0.867 0.028 267.5)
- OKLab
- oklab(0.867 -0.001 -0.028)
- CIE Lab
- lab(84.37 -0.04 -10.38)
- LCH
- lch(84.37 10.38 269.8)
- CMYK
- cmyk(12% 8% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0D7E9
- D5DCEB
- DAE0EE
- E0E4F0
- E5E9F3
- EAEDF5
- EFF2F8
- F4F6FA
- FAFBFD
Koyu tonlar
- B0B7C8
- 969CAB
- 7D828E
- 656973
- 4D5159
- 373A40
- 222428
- 0F1013
- 020203
Gri tonlar
- C3CADB
- BCC2D1
- B4B9C6
- ACB1BC
- A5A9B2
- 9DA0A8
- 96989E
- 8E9094
- 87888A
Renk uyumları
Tamamlayıcı +180°
- CBD3E6
English Channel Fog
- DBD2BF
≈ Roman Plaster
Analog -30° +30°
- CBD3E6
English Channel Fog
- C3D6E3
≈ Blue Raindrop
- D5D0E4
≈ Mountain’s Majesty
Üçlü +120° +240°
- CBD3E6
English Channel Fog
- E5CDC9
≈ Whirligig
- C8D8C9
≈ Marsh Fog
Bölünmüş tamamlayıcı +150° +210°
- CBD3E6
English Channel Fog
- E2CFC2
≈ Winsome Beige
- D1D6C2
≈ Wine Bottle
Dörtlü +90° +180° +270°
- CBD3E6
English Channel Fog
- E3CCD3
≈ Barely Berry
- DBD2BF
≈ Roman Plaster
- C1D9D3
≈ Geyser
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 13.99:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.99:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--english-channel-fog: #cbd3e6;
--english-channel-fog-rgb: 203 211 230;
--english-channel-fog-oklch: oklch(0.867 0.028 267.5);
}
.element {
color: var(--english-channel-fog);
background-color: hsl(222 35% 85%);
border-color: oklch(0.867 0.028 267.5);
}Tailwind CSS v4
@theme {
--color-english-channel-fog: #cbd3e6;
--color-english-channel-fog-50: #f2f5fd;
--color-english-channel-fog-100: #e4e8f1;
--color-english-channel-fog-200: #cfd4e1;
--color-english-channel-fog-300: #b2b7c6;
--color-english-channel-fog-400: #979eaf;
--color-english-channel-fog-500: #7e8699;
--color-english-channel-fog-600: #6b7181;
--color-english-channel-fog-700: #555b68;
--color-english-channel-fog-800: #3e424c;
--color-english-channel-fog-900: #2a2e35;
--color-english-channel-fog-950: #181b20;
}SCSS
$english-channel-fog: #cbd3e6;
$english-channel-fog-rgb: 203, 211, 230;
$english-channel-fog-light: mix(#fff, $english-channel-fog, 20%);
$english-channel-fog-dark: mix(#000, $english-channel-fog, 20%);
.element {
color: $english-channel-fog;
box-shadow: 0 0 0 2px rgba($english-channel-fog, 0.35);
}