色名 · #D8DFDF
Echo Mist
Echo Mistは#D8DFDF：rgb(216 223 223)、hsl(180 10% 86%)、oklch(0.898 0.008 197)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Echo Mist color name →
#D8DFDF
oklch(0.898 0.008 197)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- DCE2E2
- E0E5E5
- E4E9E9
- E7ECEC
- EBEFEF
- EFF2F2
- F3F5F5
- F7F9F9
- FBFCFC
シェード
- BCC2C2
- A0A5A5
- 858A8A
- 6B6F6F
- 535656
- 3B3D3D
- 252727
- 111212
- 020202
トーン
- CFD5D5
- C6CBCB
- BDC2C2
- B4B8B8
- ABAEAE
- A2A5A5
- 9A9B9B
- 919292
- 888989
カラーハーモニー
補色 +180°
- D8DFDF
Echo Mist
- E2DBDB
≈ Ghostwaver
類似色 -30° +30°
- D8DFDF
Echo Mist
- D9DFDC
≈ River Veil
- D8DEE1
≈ Billowing Clouds
トライアド +120° +240°
- D8DFDF
Echo Mist
- DFDCE1
≈ Mechagodzilla
- E0DDD8
≈ Pheasant’s Egg
スプリットコンプリメンタリー +150° +210°
- D8DFDF
Echo Mist
- E1DBDE
≈ Wishy-Washy Red
- E2DCD9
≈ Nouvelle White
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.54:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.54:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}