Color con nombre · #DCD3CE
Thick Fog
Thick Fog es #DCD3CE: rgb(220 211 206), hsl(21 17% 84%), oklch(0.873 0.012 51.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Thick Fog color name →
#DCD3CE
oklch(0.873 0.012 51.3)
Conversiones de color
- HEX
- #dcd3ce
- RGB
- rgb(220 211 206)
- HSL
- hsl(21 17% 84%)
- HWB
- hwb(21 81% 14%)
- OKLCH
- oklch(0.873 0.012 51.3)
- OKLab
- oklab(0.873 0.008 0.009)
- CIE Lab
- lab(85.18 2.56 3.65)
- LCH
- lch(85.18 4.46 54.9)
- CMYK
- cmyk(0% 4% 6% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD7D3
- E3DCD8
- E6E0DD
- EAE4E1
- EDE9E6
- F1EDEB
- F4F2F0
- F8F6F5
- FBFBFA
Sombras
- BFB7B3
- A39C98
- 88827F
- 6E6966
- 54514E
- 3C3A38
- 262423
- 11100F
- 020202
Tonos
- D2CAC6
- C9C2BE
- BFB9B6
- B6B1AE
- ADA9A6
- A4A09E
- 9B9897
- 92908F
- 898887
Armonías de color
Complementario +180°
- DCD3CE
Thick Fog
- CED7DC
≈ White Blue
Análogo -30° +30°
- DCD3CE
Thick Fog
- DDD2D1
≈ Tranquil Retreat
- D9D4CC
≈ Moth Grey
Triádico +120° +240°
- DCD3CE
Thick Fog
- CED8D4
≈ Sheer Elegance
- D5D4DD
≈ Take the Plunge
Complementario dividido +150° +210°
- DCD3CE
Thick Fog
- CCD8D8
≈ Offshore Mist
- D1D5DD
≈ Blueberry Whip
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.25:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--thick-fog: #dcd3ce;
--thick-fog-rgb: 220 211 206;
--thick-fog-oklch: oklch(0.873 0.012 51.3);
}
.element {
color: var(--thick-fog);
background-color: hsl(21 17% 84%);
border-color: oklch(0.873 0.012 51.3);
}Tailwind CSS v4
@theme {
--color-thick-fog: #dcd3ce;
--color-thick-fog-50: #f8f4f2;
--color-thick-fog-100: #ebe7e4;
--color-thick-fog-200: #d9d3cf;
--color-thick-fog-300: #bdb6b2;
--color-thick-fog-400: #a59d98;
--color-thick-fog-500: #8d847f;
--color-thick-fog-600: #77706c;
--color-thick-fog-700: #605956;
--color-thick-fog-800: #46413f;
--color-thick-fog-900: #302d2b;
--color-thick-fog-950: #1d1a18;
}SCSS
$thick-fog: #dcd3ce;
$thick-fog-rgb: 220, 211, 206;
$thick-fog-light: mix(#fff, $thick-fog, 20%);
$thick-fog-dark: mix(#000, $thick-fog, 20%);
.element {
color: $thick-fog;
box-shadow: 0 0 0 2px rgba($thick-fog, 0.35);
}