Màu có tên gần nhất · #D6DEE4
#D6DEE4
Màu có tên gần nhất: Skyscraper
#D6DEE4 (rgb(214 222 228), hsl(206 21% 87%), oklch(0.896 0.012 239.9)) gần nhất với màu có tên Skyscraper. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#D6DEE4
oklch(0.896 0.012 239.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAE1E7
- DEE5E9
- E2E8EC
- E6EBEF
- EAEEF1
- EEF2F4
- F3F5F7
- F7F8FA
- FBFCFC
Sắc đậm
- BAC1C6
- 9EA5A9
- 84898D
- 6A6F72
- 525558
- 3B3D3F
- 252628
- 101212
- 020203
Sắc xám
- CDD4DA
- C4CACF
- BBC1C5
- B3B7BB
- AAAEB1
- A1A4A7
- 999B9D
- 919293
- 88898A
Hòa sắc
Bổ túc +180°
- D6DEE4
Skyscraper
- E3DBD5
≈ Gauzy White
Tương đồng -30° +30°
- D6DEE4
Skyscraper
- D4DFE1
≈ Spa Blue
- D9DDE5
≈ Ash in the Air
Bộ ba +120° +240°
- D6DEE4
Skyscraper
- E4DADC
≈ Faded Firebrick
- DBDED5
≈ White Sash
Bổ túc chia +150° +210°
- D6DEE4
Skyscraper
- E5DAD8
≈ Moxie
- E0DDD4
≈ Clear Stone
Bộ bốn +90° +180° +270°
- D6DEE4
Skyscraper
- E2DAE1
≈ Puffball Vapour
- E3DBD5
≈ Gauzy White
- D7DFD9
≈ Rapier Silver
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.36:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.42:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}