色名 · #DCE2E5
Cosmic Dust
Cosmic Dustは#DCE2E5：rgb(220 226 229)、hsl(200 15% 88%)、oklch(0.909 0.008 228.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Cosmic Dust color name →
#DCE2E5
oklch(0.909 0.008 228.9)
カラー変換
- HEX
- #dce2e5
- RGB
- rgb(220 226 229)
- HSL
- hsl(200 15% 88%)
- HWB
- hwb(200 86% 10%)
- OKLCH
- oklch(0.909 0.008 228.9)
- OKLab
- oklab(0.909 -0.005 -0.006)
- CIE Lab
- lab(89.48 -1.67 -2.21)
- LCH
- lch(89.48 2.77 232.8)
- CMYK
- cmyk(4% 1% 0% 10%)
ティント · シェード · トーン
ティント
- DFE5E8
- E3E8EA
- E6EBED
- EAEEEF
- EDF0F2
- F1F3F5
- F4F6F7
- F8F9FA
- FBFCFC
シェード
- BFC4C7
- A3A8AA
- 888C8E
- 6E7172
- 545758
- 3C3E3F
- 262728
- 111212
- 020303
トーン
- D2D8DA
- C9CED0
- BFC4C6
- B6BABB
- ADB0B1
- A4A6A7
- 9B9C9D
- 929393
- 89898A
カラーハーモニー
補色 +180°
- DCE2E5
Cosmic Dust
- E5E0DD
≈ Timid Beige
類似色 -30° +30°
- DCE2E5
Cosmic Dust
- DBE3E3
≈ Inverness Grey
- DEE1E6
≈ Lilac Champagne
トライアド +120° +240°
- DCE2E5
Cosmic Dust
- E5DFE2
≈ Pearl Violet
- E1E1DC
≈ Tundra Frost
スプリットコンプリメンタリー +150° +210°
- DCE2E5
Cosmic Dust
- E6DFDF
≈ Mountain Air
- E4E0DB
≈ Durian Smell
テトラード +90° +180° +270°
- DCE2E5
Cosmic Dust
- E3DFE4
≈ Soft Silk
- E5E0DD
≈ Timid Beige
- DEE2DD
≈ Whitecap Foam
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.05:1 · APCA Lc 88
最適な文字色: #000000
WCAG 16.05:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--cosmic-dust: #dce2e5;
--cosmic-dust-rgb: 220 226 229;
--cosmic-dust-oklch: oklch(0.909 0.008 228.9);
}
.element {
color: var(--cosmic-dust);
background-color: hsl(200 15% 88%);
border-color: oklch(0.909 0.008 228.9);
}Tailwind CSS v4
@theme {
--color-cosmic-dust: #dce2e5;
--color-cosmic-dust-50: #f3f5f7;
--color-cosmic-dust-100: #e5e8ea;
--color-cosmic-dust-200: #d1d5d7;
--color-cosmic-dust-300: #b4b8bb;
--color-cosmic-dust-400: #9a9fa2;
--color-cosmic-dust-500: #81878a;
--color-cosmic-dust-600: #6d7275;
--color-cosmic-dust-700: #575b5e;
--color-cosmic-dust-800: #404344;
--color-cosmic-dust-900: #2c2e2f;
--color-cosmic-dust-950: #191b1c;
}SCSS
$cosmic-dust: #dce2e5;
$cosmic-dust-rgb: 220, 226, 229;
$cosmic-dust-light: mix(#fff, $cosmic-dust, 20%);
$cosmic-dust-dark: mix(#000, $cosmic-dust, 20%);
.element {
color: $cosmic-dust;
box-shadow: 0 0 0 2px rgba($cosmic-dust, 0.35);
}