Cor nomeada · #D0D2DE
Light Horizon Sky
Light Horizon Sky é #D0D2DE: rgb(208 210 222), hsl(231 18% 84%), oklch(0.866 0.017 278.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Horizon Sky color name →
#D0D2DE
oklch(0.866 0.017 278.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D5D6E1
- D9DBE5
- DEDFE8
- E3E4EB
- E7E8EE
- ECEDF2
- F1F1F5
- F5F6F8
- FAFAFC
Sombras
- B5B6C1
- 9A9BA5
- 808189
- 67686F
- 4F5055
- 39393D
- 232426
- 101012
- 020202
Tons
- C8C9D4
- BFC1CA
- B7B9C1
- AFB0B7
- A7A8AE
- 9FA0A4
- 97989B
- 8F9092
- 888889
Harmonias de cor
Complementar +180°
- D0D2DE
Light Horizon Sky
- D5D3C7
≈ Barest Hush
Análoga -30° +30°
- D0D2DE
Light Horizon Sky
- CBD4DE
≈ Ephemeral Blue
- D6D0DB
≈ Iron Maiden
Tríade +120° +240°
- D0D2DE
Light Horizon Sky
- DDCFCB
≈ Pearls & Lace
- CAD6CF
≈ Sprout Green
Complementar dividida +150° +210°
- D0D2DE
Light Horizon Sky
- DAD1C8
≈ Jodhpur Tan
- CFD5CA
≈ Aspen Mist
Tétrade +90° +180° +270°
- D0D2DE
Light Horizon Sky
- DDCFD1
≈ Light Aroma
- D5D3C7
≈ Barest Hush
- C7D7D5
≈ Blue Lullaby
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.95:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
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);
}