Benannte Farbe · #ECE0D6
Dallas Dust
Dallas Dust ist #ECE0D6: rgb(236 224 214), hsl(27 37% 88%), oklch(0.914 0.019 62.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dallas Dust color name →
#ECE0D6
oklch(0.914 0.019 62.4)
Farbumrechnungen
- HEX
- #ece0d6
- RGB
- rgb(236 224 214)
- HSL
- hsl(27 37% 88%)
- HWB
- hwb(27 84% 7%)
- OKLCH
- oklch(0.914 0.019 62.4)
- OKLab
- oklab(0.914 0.009 0.017)
- CIE Lab
- lab(89.94 2.99 6.45)
- LCH
- lch(89.94 7.11 65.2)
- CMYK
- cmyk(0% 5% 9% 7%)
Tints · Shades · Tones
Tints
- EEE3DA
- F0E6DE
- F2E9E2
- F4ECE6
- F6EFEA
- F7F3EE
- F9F6F3
- FBF9F7
- FDFCFB
Shades
- CDC3BA
- AFA69E
- 928A84
- 76706A
- 5B5652
- 423E3B
- 292725
- 131210
- 030202
Tones
- E1D6CD
- D5CCC4
- CAC2BB
- BFB8B3
- B5AFAA
- AAA5A1
- 9F9C99
- 959291
- 8A8988
Farbharmonien
Komplementär +180°
- ECE0D6
Dallas Dust
- D8E4EE
≈ Snow Shadow
Analog -30° +30°
- ECE0D6
Dallas Dust
- EFDEDB
≈ Butterfly Kisses
- E7E2D5
≈ Crystal Haze
Triadisch +120° +240°
- ECE0D6
Dallas Dust
- D6E7E3
≈ Peaceful Night
- E5E0ED
≈ Homoeopathic Lavender
Geteilt komplementär +150° +210°
- ECE0D6
Dallas Dust
- D5E6EA
≈ Dreamstress
- DEE2EF
≈ Blush Sky
Tetradisch +90° +180° +270°
- ECE0D6
Dallas Dust
- DAE6DC
≈ Swans Down
- D8E4EE
≈ Snow Shadow
- EADEE8
≈ Ice Ballet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.19:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.19:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--dallas-dust: #ece0d6;
--dallas-dust-rgb: 236 224 214;
--dallas-dust-oklch: oklch(0.914 0.019 62.4);
}
.element {
color: var(--dallas-dust);
background-color: hsl(27 37% 88%);
border-color: oklch(0.914 0.019 62.4);
}Tailwind CSS v4
@theme {
--color-dallas-dust: #ece0d6;
--color-dallas-dust-50: #f9f4f0;
--color-dallas-dust-100: #ece7e1;
--color-dallas-dust-200: #dad3cc;
--color-dallas-dust-300: #beb6ae;
--color-dallas-dust-400: #a79c93;
--color-dallas-dust-500: #90847a;
--color-dallas-dust-600: #796f67;
--color-dallas-dust-700: #615952;
--color-dallas-dust-800: #47413c;
--color-dallas-dust-900: #312d29;
--color-dallas-dust-950: #1d1a17;
}SCSS
$dallas-dust: #ece0d6;
$dallas-dust-rgb: 236, 224, 214;
$dallas-dust-light: mix(#fff, $dallas-dust, 20%);
$dallas-dust-dark: mix(#000, $dallas-dust, 20%);
.element {
color: $dallas-dust;
box-shadow: 0 0 0 2px rgba($dallas-dust, 0.35);
}