最も近い色名 · #D6DEE4
#D6DEE4
最も近い色名: Skyscraper
#D6DEE4（rgb(214 222 228)、hsl(206 21% 87%)、oklch(0.896 0.012 239.9)）に最も近い色名はSkyscraperです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D6DEE4
oklch(0.896 0.012 239.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- DAE1E7
- DEE5E9
- E2E8EC
- E6EBEF
- EAEEF1
- EEF2F4
- F3F5F7
- F7F8FA
- FBFCFC
シェード
- BAC1C6
- 9EA5A9
- 84898D
- 6A6F72
- 525558
- 3B3D3F
- 252628
- 101212
- 020203
トーン
- CDD4DA
- C4CACF
- BBC1C5
- B3B7BB
- AAAEB1
- A1A4A7
- 999B9D
- 919293
- 88898A
カラーハーモニー
補色 +180°
- D6DEE4
Skyscraper
- E3DBD5
≈ Gauzy White
類似色 -30° +30°
- D6DEE4
Skyscraper
- D4DFE1
≈ Spa Blue
- D9DDE5
≈ Ash in the Air
トライアド +120° +240°
- D6DEE4
Skyscraper
- E4DADC
≈ Faded Firebrick
- DBDED5
≈ White Sash
スプリットコンプリメンタリー +150° +210°
- D6DEE4
Skyscraper
- E5DAD8
≈ Moxie
- E0DDD4
≈ Clear Stone
テトラード +90° +180° +270°
- D6DEE4
Skyscraper
- E2DAE1
≈ Puffball Vapour
- E3DBD5
≈ Gauzy White
- D7DFD9
≈ Rapier Silver
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.42:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}