Warna bernama · #D8DFDF
Echo Mist
Echo Mist adalah #D8DFDF: rgb(216 223 223), hsl(180 10% 86%), oklch(0.898 0.008 197). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Echo Mist color name →
#D8DFDF
oklch(0.898 0.008 197)
Konversi warna
- HEX
- #d8dfdf
- RGB
- rgb(216 223 223)
- HSL
- hsl(180 10% 86%)
- HWB
- hwb(180 85% 13%)
- OKLCH
- oklch(0.898 0.008 197)
- OKLab
- oklab(0.898 -0.007 -0.002)
- CIE Lab
- lab(88.28 -2.44 -0.86)
- LCH
- lch(88.28 2.59 199.5)
- CMYK
- cmyk(3% 0% 0% 13%)
Tint · Shade · Tone
Tint
- DCE2E2
- E0E5E5
- E4E9E9
- E7ECEC
- EBEFEF
- EFF2F2
- F3F5F5
- F7F9F9
- FBFCFC
Shade
- BCC2C2
- A0A5A5
- 858A8A
- 6B6F6F
- 535656
- 3B3D3D
- 252727
- 111212
- 020202
Tone
- CFD5D5
- C6CBCB
- BDC2C2
- B4B8B8
- ABAEAE
- A2A5A5
- 9A9B9B
- 919292
- 888989
Harmoni warna
Komplementer +180°
- D8DFDF
Echo Mist
- E2DBDB
≈ Ghostwaver
Analog -30° +30°
- D8DFDF
Echo Mist
- D9DFDC
≈ River Veil
- D8DEE1
≈ Billowing Clouds
Triadik +120° +240°
- D8DFDF
Echo Mist
- DFDCE1
≈ Mechagodzilla
- E0DDD8
≈ Pheasant’s Egg
Split-komplementer +150° +210°
- D8DFDF
Echo Mist
- E1DBDE
≈ Wishy-Washy Red
- E2DCD9
≈ Nouvelle White
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.35:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.54:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.54:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
CSS
:root {
--echo-mist: #d8dfdf;
--echo-mist-rgb: 216 223 223;
--echo-mist-oklch: oklch(0.898 0.008 197);
}
.element {
color: var(--echo-mist);
background-color: hsl(180 10% 86%);
border-color: oklch(0.898 0.008 197);
}Tailwind CSS v4
@theme {
--color-echo-mist: #d8dfdf;
--color-echo-mist-50: #f3f6f6;
--color-echo-mist-100: #e5e9e9;
--color-echo-mist-200: #d1d5d5;
--color-echo-mist-300: #b3b9b9;
--color-echo-mist-400: #9aa0a0;
--color-echo-mist-500: #818888;
--color-echo-mist-600: #6d7373;
--color-echo-mist-700: #575c5c;
--color-echo-mist-800: #3f4343;
--color-echo-mist-900: #2c2e2e;
--color-echo-mist-950: #191b1b;
}SCSS
$echo-mist: #d8dfdf;
$echo-mist-rgb: 216, 223, 223;
$echo-mist-light: mix(#fff, $echo-mist, 20%);
$echo-mist-dark: mix(#000, $echo-mist, 20%);
.element {
color: $echo-mist;
box-shadow: 0 0 0 2px rgba($echo-mist, 0.35);
}