Najbliższy nazwany kolor · #D6DEE4
#D6DEE4
Najbliższy nazwany kolor: Skyscraper
#D6DEE4 (rgb(214 222 228), hsl(206 21% 87%), oklch(0.896 0.012 239.9)) jest najbliższy nazwanemu kolorowi Skyscraper. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D6DEE4
oklch(0.896 0.012 239.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAE1E7
- DEE5E9
- E2E8EC
- E6EBEF
- EAEEF1
- EEF2F4
- F3F5F7
- F7F8FA
- FBFCFC
Odcienie ciemniejsze
- BAC1C6
- 9EA5A9
- 84898D
- 6A6F72
- 525558
- 3B3D3F
- 252628
- 101212
- 020203
Tony
- CDD4DA
- C4CACF
- BBC1C5
- B3B7BB
- AAAEB1
- A1A4A7
- 999B9D
- 919293
- 88898A
Harmonie kolorów
Komplementarna +180°
- D6DEE4
Skyscraper
- E3DBD5
≈ Gauzy White
Analogowa -30° +30°
- D6DEE4
Skyscraper
- D4DFE1
≈ Spa Blue
- D9DDE5
≈ Ash in the Air
Triada +120° +240°
- D6DEE4
Skyscraper
- E4DADC
≈ Faded Firebrick
- DBDED5
≈ White Sash
Komplementarna rozszczepiona +150° +210°
- D6DEE4
Skyscraper
- E5DAD8
≈ Moxie
- E0DDD4
≈ Clear Stone
Tetrada +90° +180° +270°
- D6DEE4
Skyscraper
- E2DAE1
≈ Puffball Vapour
- E3DBD5
≈ Gauzy White
- D7DFD9
≈ Rapier Silver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.42:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}