命名颜色 · #DBD4BF
Silica
Silica 即 #DBD4BF：rgb(219 212 191)、hsl(45 28% 80%)、oklch(0.87 0.029 91.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Silica color name →
#DBD4BF
oklch(0.87 0.029 91.7)
颜色转换
- HEX
- #dbd4bf
- RGB
- rgb(219 212 191)
- HSL
- hsl(45 28% 80%)
- HWB
- hwb(45 75% 14%)
- OKLCH
- oklch(0.87 0.029 91.7)
- OKLab
- oklab(0.87 -0.001 0.029)
- CIE Lab
- lab(85.06 -0.13 11.34)
- LCH
- lch(85.06 11.34 90.6)
- CMYK
- cmyk(0% 3% 13% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- DFD8C5
- E2DDCC
- E6E1D2
- E9E5D8
- EDE9DF
- F0EEE5
- F4F2EC
- F8F6F2
- FBFBF9
深色调
- BEB8A6
- A29D8D
- 878375
- 6D695E
- 545148
- 3C3A33
- 26241F
- 11100D
- 020202
灰色调
- D2CBB9
- C8C3B2
- BFBAAC
- B6B2A5
- ACA99F
- A3A199
- 9A9893
- 91908C
- 898886
配色和谐
互补色 +180°
- DBD4BF
Silica
- CDD4E8
≈ Heroic Heron
类似色 -30° +30°
- DBD4BF
Silica
- E3D0C1
≈ Ice Cream Cone
- D1D8C3
≈ Garden Mint
三角配色 +120° +240°
- DBD4BF
Silica
- BFDADF
≈ Quick-Freeze
- E0CEDD
≈ Cassia Buds
分裂互补色 +150° +210°
- DBD4BF
Silica
- C4D7E6
≈ Snowy Summit
- D7D0E5
≈ Mountain’s Majesty
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.18:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--silica: #dbd4bf;
--silica-rgb: 219 212 191;
--silica-oklch: oklch(0.87 0.029 91.7);
}
.element {
color: var(--silica);
background-color: hsl(45 28% 80%);
border-color: oklch(0.87 0.029 91.7);
}Tailwind CSS v4
@theme {
--color-silica: #dbd4bf;
--color-silica-50: #f8f5ec;
--color-silica-100: #ebe8dd;
--color-silica-200: #d8d4c7;
--color-silica-300: #bcb7a7;
--color-silica-400: #a59e8b;
--color-silica-500: #8d8670;
--color-silica-600: #77715f;
--color-silica-700: #5f5b4c;
--color-silica-800: #464237;
--color-silica-900: #312e26;
--color-silica-950: #1d1a14;
}SCSS
$silica: #dbd4bf;
$silica-rgb: 219, 212, 191;
$silica-light: mix(#fff, $silica, 20%);
$silica-dark: mix(#000, $silica, 20%);
.element {
color: $silica;
box-shadow: 0 0 0 2px rgba($silica, 0.35);
}