Benoemde kleur · #DCE2E5
Cosmic Dust
Cosmic Dust is #DCE2E5: rgb(220 226 229), hsl(200 15% 88%), oklch(0.909 0.008 228.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Cosmic Dust color name →
#DCE2E5
oklch(0.909 0.008 228.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- DFE5E8
- E3E8EA
- E6EBED
- EAEEEF
- EDF0F2
- F1F3F5
- F4F6F7
- F8F9FA
- FBFCFC
Schaduwen
- BFC4C7
- A3A8AA
- 888C8E
- 6E7172
- 545758
- 3C3E3F
- 262728
- 111212
- 020303
Tonen
- D2D8DA
- C9CED0
- BFC4C6
- B6BABB
- ADB0B1
- A4A6A7
- 9B9C9D
- 929393
- 89898A
Kleurharmonieën
Complementair +180°
- DCE2E5
Cosmic Dust
- E5E0DD
≈ Timid Beige
Analoog -30° +30°
- DCE2E5
Cosmic Dust
- DBE3E3
≈ Inverness Grey
- DEE1E6
≈ Lilac Champagne
Triadisch +120° +240°
- DCE2E5
Cosmic Dust
- E5DFE2
≈ Pearl Violet
- E1E1DC
≈ Tundra Frost
Gesplitst complementair +150° +210°
- DCE2E5
Cosmic Dust
- E6DFDF
≈ Mountain Air
- E4E0DB
≈ Durian Smell
Tetradisch +90° +180° +270°
- DCE2E5
Cosmic Dust
- E3DFE4
≈ Soft Silk
- E5E0DD
≈ Timid Beige
- DEE2DD
≈ Whitecap Foam
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 16.05:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 16.05:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
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);
}