Cor nomeada mais próxima · #D6DEE4
#D6DEE4
Cor nomeada mais próxima: Skyscraper
#D6DEE4 (rgb(214 222 228), hsl(206 21% 87%), oklch(0.896 0.012 239.9)) é mais próxima da cor nomeada Skyscraper. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D6DEE4
oklch(0.896 0.012 239.9)
Conversões de cor
- HEX
- #d6dee4
- RGB
- rgb(214 222 228)
- HSL
- hsl(206 21% 87%)
- HWB
- hwb(206 84% 11%)
- OKLCH
- oklch(0.896 0.012 239.9)
- OKLab
- oklab(0.896 -0.006 -0.01)
- CIE Lab
- lab(87.98 -1.95 -3.93)
- LCH
- lch(87.98 4.39 243.7)
- CMYK
- cmyk(6% 3% 0% 11%)
Tons claros · Sombras · Tons
Tons claros
- DAE1E7
- DEE5E9
- E2E8EC
- E6EBEF
- EAEEF1
- EEF2F4
- F3F5F7
- F7F8FA
- FBFCFC
Sombras
- BAC1C6
- 9EA5A9
- 84898D
- 6A6F72
- 525558
- 3B3D3F
- 252628
- 101212
- 020203
Tons
- CDD4DA
- C4CACF
- BBC1C5
- B3B7BB
- AAAEB1
- A1A4A7
- 999B9D
- 919293
- 88898A
Harmonias de cor
Complementar +180°
- D6DEE4
Skyscraper
- E3DBD5
≈ Gauzy White
Análoga -30° +30°
- D6DEE4
Skyscraper
- D4DFE1
≈ Spa Blue
- D9DDE5
≈ Ash in the Air
Tríade +120° +240°
- D6DEE4
Skyscraper
- E4DADC
≈ Faded Firebrick
- DBDED5
≈ White Sash
Complementar dividida +150° +210°
- D6DEE4
Skyscraper
- E5DAD8
≈ Moxie
- E0DDD4
≈ Clear Stone
Tétrade +90° +180° +270°
- D6DEE4
Skyscraper
- E2DAE1
≈ Puffball Vapour
- E3DBD5
≈ Gauzy White
- D7DFD9
≈ Rapier Silver
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.42:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--skyscraper: #d6dee4;
--skyscraper-rgb: 214 222 228;
--skyscraper-oklch: oklch(0.896 0.012 239.9);
}
.element {
color: var(--skyscraper);
background-color: hsl(206 21% 87%);
border-color: oklch(0.896 0.012 239.9);
}Tailwind CSS v4
@theme {
--color-skyscraper: #d6dee4;
--color-skyscraper-50: #f2f6f8;
--color-skyscraper-100: #e4e8eb;
--color-skyscraper-200: #d0d5d9;
--color-skyscraper-300: #b2b8bd;
--color-skyscraper-400: #989fa5;
--color-skyscraper-500: #7f878d;
--color-skyscraper-600: #6c7378;
--color-skyscraper-700: #565c60;
--color-skyscraper-800: #3f4346;
--color-skyscraper-900: #2b2e30;
--color-skyscraper-950: #181b1d;
}SCSS
$skyscraper: #d6dee4;
$skyscraper-rgb: 214, 222, 228;
$skyscraper-light: mix(#fff, $skyscraper, 20%);
$skyscraper-dark: mix(#000, $skyscraper, 20%);
.element {
color: $skyscraper;
box-shadow: 0 0 0 2px rgba($skyscraper, 0.35);
}