Adlandırılmış renk · #D2D3E1
Light Blue Cloud
Light Blue Cloud, #D2D3E1: rgb(210 211 225), hsl(236 20% 85%), oklch(0.87 0.019 282.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? → · Light Blue Cloud color name →
#D2D3E1
oklch(0.87 0.019 282.7)
Renk dönüşümleri
- HEX
- #d2d3e1
- RGB
- rgb(210 211 225)
- HSL
- hsl(236 20% 85%)
- HWB
- hwb(236 82% 12%)
- OKLCH
- oklch(0.87 0.019 282.7)
- OKLab
- oklab(0.87 0.004 -0.019)
- CIE Lab
- lab(84.79 1.61 -7.05)
- LCH
- lch(84.79 7.23 282.9)
- CMYK
- cmyk(7% 6% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6D7E4
- DBDCE7
- DFE0EA
- E4E4ED
- E8E9F0
- EDEDF3
- F1F2F6
- F6F6F9
- FAFBFC
Koyu tonlar
- B6B7C4
- 9B9CA7
- 81828B
- 686970
- 505156
- 393A3E
- 242427
- 101012
- 020202
Gri tonlar
- C9CAD7
- C1C2CD
- B9B9C3
- B0B1B9
- A8A9AF
- A0A0A6
- 98989C
- 909093
- 888889
Renk uyumları
Tamamlayıcı +180°
- D2D3E1
Light Blue Cloud
- D6D5C7
≈ Plume Grass
Analog -30° +30°
- D2D3E1
Light Blue Cloud
- CCD5E1
≈ Ephemeral Blue
- D9D1DE
≈ Spun Moonbeams
Üçlü +120° +240°
- D2D3E1
Light Blue Cloud
- E0D1CB
≈ Mocha Ice
- CAD8D1
≈ Soft Haze
Bölünmüş tamamlayıcı +150° +210°
- D2D3E1
Light Blue Cloud
- DCD3C7
≈ Windrush
- CFD7CA
≈ Aspen Mist
Dörtlü +90° +180° +270°
- D2D3E1
Light Blue Cloud
- E1CFD1
≈ Light Sprig Muslin
- D6D5C7
≈ Plume Grass
- C7D9D8
≈ Offshore Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.14:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.14:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-blue-cloud: #d2d3e1;
--light-blue-cloud-rgb: 210 211 225;
--light-blue-cloud-oklch: oklch(0.87 0.019 282.7);
}
.element {
color: var(--light-blue-cloud);
background-color: hsl(236 20% 85%);
border-color: oklch(0.87 0.019 282.7);
}Tailwind CSS v4
@theme {
--color-light-blue-cloud: #d2d3e1;
--color-light-blue-cloud-50: #f4f4fb;
--color-light-blue-cloud-100: #e7e7ee;
--color-light-blue-cloud-200: #d3d3dc;
--color-light-blue-cloud-300: #b6b6c1;
--color-light-blue-cloud-400: #9c9daa;
--color-light-blue-cloud-500: #848593;
--color-light-blue-cloud-600: #70707c;
--color-light-blue-cloud-700: #595a63;
--color-light-blue-cloud-800: #414249;
--color-light-blue-cloud-900: #2d2d33;
--color-light-blue-cloud-950: #1a1a1e;
}SCSS
$light-blue-cloud: #d2d3e1;
$light-blue-cloud-rgb: 210, 211, 225;
$light-blue-cloud-light: mix(#fff, $light-blue-cloud, 20%);
$light-blue-cloud-dark: mix(#000, $light-blue-cloud, 20%);
.element {
color: $light-blue-cloud;
box-shadow: 0 0 0 2px rgba($light-blue-cloud, 0.35);
}