Adlandırılmış renk · #D0D2DE
Light Horizon Sky
Light Horizon Sky, #D0D2DE: rgb(208 210 222), hsl(231 18% 84%), oklch(0.866 0.017 278.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? → · Light Horizon Sky color name →
#D0D2DE
oklch(0.866 0.017 278.5)
Renk dönüşümleri
- HEX
- #d0d2de
- RGB
- rgb(208 210 222)
- HSL
- hsl(231 18% 84%)
- HWB
- hwb(231 82% 13%)
- OKLCH
- oklch(0.866 0.017 278.5)
- OKLab
- oklab(0.866 0.002 -0.016)
- CIE Lab
- lab(84.31 0.98 -6.2)
- LCH
- lch(84.31 6.27 279)
- CMYK
- cmyk(6% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5D6E1
- D9DBE5
- DEDFE8
- E3E4EB
- E7E8EE
- ECEDF2
- F1F1F5
- F5F6F8
- FAFAFC
Koyu tonlar
- B5B6C1
- 9A9BA5
- 808189
- 67686F
- 4F5055
- 39393D
- 232426
- 101012
- 020202
Gri tonlar
- C8C9D4
- BFC1CA
- B7B9C1
- AFB0B7
- A7A8AE
- 9FA0A4
- 97989B
- 8F9092
- 888889
Renk uyumları
Tamamlayıcı +180°
- D0D2DE
Light Horizon Sky
- D5D3C7
≈ Barest Hush
Analog -30° +30°
- D0D2DE
Light Horizon Sky
- CBD4DE
≈ Ephemeral Blue
- D6D0DB
≈ Iron Maiden
Üçlü +120° +240°
- D0D2DE
Light Horizon Sky
- DDCFCB
≈ Pearls & Lace
- CAD6CF
≈ Sprout Green
Bölünmüş tamamlayıcı +150° +210°
- D0D2DE
Light Horizon Sky
- DAD1C8
≈ Jodhpur Tan
- CFD5CA
≈ Aspen Mist
Dörtlü +90° +180° +270°
- D0D2DE
Light Horizon Sky
- DDCFD1
≈ Light Aroma
- D5D3C7
≈ Barest Hush
- C7D7D5
≈ Blue Lullaby
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.95:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-horizon-sky: #d0d2de;
--light-horizon-sky-rgb: 208 210 222;
--light-horizon-sky-oklch: oklch(0.866 0.017 278.5);
}
.element {
color: var(--light-horizon-sky);
background-color: hsl(231 18% 84%);
border-color: oklch(0.866 0.017 278.5);
}Tailwind CSS v4
@theme {
--color-light-horizon-sky: #d0d2de;
--color-light-horizon-sky-50: #f4f5fa;
--color-light-horizon-sky-100: #e7e7ed;
--color-light-horizon-sky-200: #d3d4db;
--color-light-horizon-sky-300: #b5b7c0;
--color-light-horizon-sky-400: #9c9ea8;
--color-light-horizon-sky-500: #838591;
--color-light-horizon-sky-600: #6f717b;
--color-light-horizon-sky-700: #595a62;
--color-light-horizon-sky-800: #414248;
--color-light-horizon-sky-900: #2d2d32;
--color-light-horizon-sky-950: #1a1a1e;
}SCSS
$light-horizon-sky: #d0d2de;
$light-horizon-sky-rgb: 208, 210, 222;
$light-horizon-sky-light: mix(#fff, $light-horizon-sky, 20%);
$light-horizon-sky-dark: mix(#000, $light-horizon-sky, 20%);
.element {
color: $light-horizon-sky;
box-shadow: 0 0 0 2px rgba($light-horizon-sky, 0.35);
}