Color con nombre · #D8D6D1
Fog Beacon
Fog Beacon es #D8D6D1: rgb(216 214 209), hsl(43 8% 83%), oklch(0.876 0.007 88.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Fog Beacon color name →
#D8D6D1
oklch(0.876 0.007 88.6)
Conversiones de color
- HEX
- #d8d6d1
- RGB
- rgb(216 214 209)
- HSL
- hsl(43 8% 83%)
- HWB
- hwb(43 82% 15%)
- OKLCH
- oklch(0.876 0.007 88.6)
- OKLab
- oklab(0.876 0 0.007)
- CIE Lab
- lab(85.68 0.05 2.73)
- LCH
- lch(85.68 2.73 89)
- CMYK
- cmyk(0% 1% 3% 15%)
Tintes · Sombras · Tonos
Tintes
- DCDAD6
- E0DEDA
- E4E2DF
- E7E6E3
- EBEAE8
- EFEEEC
- F3F3F1
- F7F7F6
- FBFBFA
Sombras
- BCBAB5
- A09E9B
- 858481
- 6B6A68
- 535250
- 3B3B39
- 252523
- 111010
- 020202
Tonos
- CFCDC9
- C6C4C0
- BDBBB8
- B4B3B0
- ABAAA8
- A2A1A0
- 999998
- 919190
- 888888
Armonías de color
Complementario +180°
- D8D6D1
Fog Beacon
- D4D6DB
≈ Pebble Soft Blue White
Análogo -30° +30°
- D8D6D1
Fog Beacon
- DAD5D2
≈ White Castle
- D6D7D2
≈ Fog
Triádico +120° +240°
- D8D6D1
Fog Beacon
- D1D8D9
≈ Pond Frost
- D9D5D8
≈ Gentle Violet
Complementario dividido +150° +210°
- D8D6D1
Fog Beacon
- D2D7DA
≈ Snow Quartz
- D7D5DA
≈ Delicate Viola
Tetrádico +90° +180° +270°
- D8D6D1
Fog Beacon
- D2D8D6
≈ Rainy Season
- D4D6DB
≈ Pebble Soft Blue White
- DAD4D6
≈ So Shy
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.45:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--fog-beacon: #d8d6d1;
--fog-beacon-rgb: 216 214 209;
--fog-beacon-oklch: oklch(0.876 0.007 88.6);
}
.element {
color: var(--fog-beacon);
background-color: hsl(43 8% 83%);
border-color: oklch(0.876 0.007 88.6);
}Tailwind CSS v4
@theme {
--color-fog-beacon: #d8d6d1;
--color-fog-beacon-50: #f6f5f3;
--color-fog-beacon-100: #e9e8e5;
--color-fog-beacon-200: #d5d4d1;
--color-fog-beacon-300: #b9b7b3;
--color-fog-beacon-400: #a09e9a;
--color-fog-beacon-500: #888681;
--color-fog-beacon-600: #73716d;
--color-fog-beacon-700: #5c5b57;
--color-fog-beacon-800: #434240;
--color-fog-beacon-900: #2f2e2c;
--color-fog-beacon-950: #1b1a19;
}SCSS
$fog-beacon: #d8d6d1;
$fog-beacon-rgb: 216, 214, 209;
$fog-beacon-light: mix(#fff, $fog-beacon, 20%);
$fog-beacon-dark: mix(#000, $fog-beacon, 20%);
.element {
color: $fog-beacon;
box-shadow: 0 0 0 2px rgba($fog-beacon, 0.35);
}