色名 · #D0D2DE
Light Horizon Sky
Light Horizon Skyは#D0D2DE：rgb(208 210 222)、hsl(231 18% 84%)、oklch(0.866 0.017 278.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Horizon Sky color name →
#D0D2DE
oklch(0.866 0.017 278.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D5D6E1
- D9DBE5
- DEDFE8
- E3E4EB
- E7E8EE
- ECEDF2
- F1F1F5
- F5F6F8
- FAFAFC
シェード
- B5B6C1
- 9A9BA5
- 808189
- 67686F
- 4F5055
- 39393D
- 232426
- 101012
- 020202
トーン
- C8C9D4
- BFC1CA
- B7B9C1
- AFB0B7
- A7A8AE
- 9FA0A4
- 97989B
- 8F9092
- 888889
カラーハーモニー
補色 +180°
- D0D2DE
Light Horizon Sky
- D5D3C7
≈ Barest Hush
類似色 -30° +30°
- D0D2DE
Light Horizon Sky
- CBD4DE
≈ Ephemeral Blue
- D6D0DB
≈ Iron Maiden
トライアド +120° +240°
- D0D2DE
Light Horizon Sky
- DDCFCB
≈ Pearls & Lace
- CAD6CF
≈ Sprout Green
スプリットコンプリメンタリー +150° +210°
- D0D2DE
Light Horizon Sky
- DAD1C8
≈ Jodhpur Tan
- CFD5CA
≈ Aspen Mist
テトラード +90° +180° +270°
- D0D2DE
Light Horizon Sky
- DDCFD1
≈ Light Aroma
- D5D3C7
≈ Barest Hush
- C7D7D5
≈ Blue Lullaby
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.95:1 · APCA Lc 80
最適な文字色: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
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);
}