Named color · #DBD4BF
Silica
Silica is #DBD4BF: rgb(219 212 191), hsl(45 28% 80%), oklch(0.87 0.029 91.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Silica color name →
#DBD4BF
oklch(0.87 0.029 91.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- DFD8C5
- E2DDCC
- E6E1D2
- E9E5D8
- EDE9DF
- F0EEE5
- F4F2EC
- F8F6F2
- FBFBF9
Shades
- BEB8A6
- A29D8D
- 878375
- 6D695E
- 545148
- 3C3A33
- 26241F
- 11100D
- 020202
Tones
- D2CBB9
- C8C3B2
- BFBAAC
- B6B2A5
- ACA99F
- A3A199
- 9A9893
- 91908C
- 898886
Color harmonies
Complementary +180°
- DBD4BF
Silica
- CDD4E8
≈ Heroic Heron
Analogous -30° +30°
- DBD4BF
Silica
- E3D0C1
≈ Ice Cream Cone
- D1D8C3
≈ Garden Mint
Triadic +120° +240°
- DBD4BF
Silica
- BFDADF
≈ Quick-Freeze
- E0CEDD
≈ Cassia Buds
Split-complementary +150° +210°
- DBD4BF
Silica
- C4D7E6
≈ Snowy Summit
- D7D0E5
≈ Mountain’s Majesty
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.18:1 · APCA Lc 81
Best text color: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
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);
}