命名颜色 · #CDCCBE
Metallic Mist
Metallic Mist 即 #CDCCBE：rgb(205 204 190)、hsl(56 13% 77%)、oklch(0.842 0.019 103.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Metallic Mist color name →
#CDCCBE
oklch(0.842 0.019 103.5)
颜色转换
- HEX
- #cdccbe
- RGB
- rgb(205 204 190)
- HSL
- hsl(56 13% 77%)
- HWB
- hwb(56 75% 20%)
- OKLCH
- oklch(0.842 0.019 103.5)
- OKLab
- oklab(0.842 -0.004 0.019)
- CIE Lab
- lab(81.83 -1.47 7.13)
- LCH
- lch(81.83 7.28 101.7)
- CMYK
- cmyk(0% 0% 7% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D2D1C4
- D7D6CB
- DCDBD1
- E1E0D8
- E6E5DE
- EBEAE5
- F0EFEB
- F5F5F2
- FAFAF8
深色调
- B2B1A5
- 98978C
- 7E7E75
- 66655E
- 4E4E48
- 383733
- 23221F
- 0F0F0D
- 020202
灰色调
- C5C4B8
- BDBCB1
- B5B5AB
- ADADA5
- A6A59E
- 9E9E98
- 969692
- 8F8F8C
- 878786
配色和谐
互补色 +180°
- CDCCBE
Metallic Mist
- C9CAD8
≈ Daybreak Beckons
类似色 -30° +30°
- CDCCBE
Metallic Mist
- D3CABE
≈ Ashen Tan
- C6CEC2
≈ Silver Grass
三角配色 +120° +240°
- CDCCBE
Metallic Mist
- BFCED4
≈ Keepsake
- D5C7CE
≈ Odyssey Lilac
分裂互补色 +150° +210°
- CDCCBE
Metallic Mist
- C3CCD8
≈ Siberian Ice
- D0C8D4
≈ Moon Goddess
四角配色 +90° +180° +270°
- CDCCBE
Metallic Mist
- BECFCF
≈ Babbling Brook
- C9CAD8
≈ Daybreak Beckons
- D7C6C7
≈ Fairview Taupe
对比度与无障碍
Ag
Fail白底
WCAG 1.61:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.97:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--metallic-mist: #cdccbe;
--metallic-mist-rgb: 205 204 190;
--metallic-mist-oklch: oklch(0.842 0.019 103.5);
}
.element {
color: var(--metallic-mist);
background-color: hsl(56 13% 77%);
border-color: oklch(0.842 0.019 103.5);
}Tailwind CSS v4
@theme {
--color-metallic-mist: #cdccbe;
--color-metallic-mist-50: #f6f5ef;
--color-metallic-mist-100: #e8e8e1;
--color-metallic-mist-200: #d5d5cc;
--color-metallic-mist-300: #b8b8ad;
--color-metallic-mist-400: #a09f92;
--color-metallic-mist-500: #888779;
--color-metallic-mist-600: #737266;
--color-metallic-mist-700: #5c5b52;
--color-metallic-mist-800: #44433b;
--color-metallic-mist-900: #2f2e29;
--color-metallic-mist-950: #1b1b16;
}SCSS
$metallic-mist: #cdccbe;
$metallic-mist-rgb: 205, 204, 190;
$metallic-mist-light: mix(#fff, $metallic-mist, 20%);
$metallic-mist-dark: mix(#000, $metallic-mist, 20%);
.element {
color: $metallic-mist;
box-shadow: 0 0 0 2px rgba($metallic-mist, 0.35);
}