لون مسمّى · #D8D6D1
Fog Beacon
Fog Beacon هو #D8D6D1: rgb(216 214 209)، hsl(43 8% 83%)، oklch(0.876 0.007 88.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Fog Beacon color name →
#D8D6D1
oklch(0.876 0.007 88.6)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCDAD6
- E0DEDA
- E4E2DF
- E7E6E3
- EBEAE8
- EFEEEC
- F3F3F1
- F7F7F6
- FBFBFA
درجات داكنة
- BCBAB5
- A09E9B
- 858481
- 6B6A68
- 535250
- 3B3B39
- 252523
- 111010
- 020202
درجات رمادية
- CFCDC9
- C6C4C0
- BDBBB8
- B4B3B0
- ABAAA8
- A2A1A0
- 999998
- 919190
- 888888
تناسق الألوان
متمم +180°
- D8D6D1
Fog Beacon
- D4D6DB
≈ Pebble Soft Blue White
متجاور -30° +30°
- D8D6D1
Fog Beacon
- DAD5D2
≈ White Castle
- D6D7D2
≈ Fog
ثلاثي +120° +240°
- D8D6D1
Fog Beacon
- D1D8D9
≈ Pond Frost
- D9D5D8
≈ Gentle Violet
متمم منقسم +150° +210°
- D8D6D1
Fog Beacon
- D2D7DA
≈ Snow Quartz
- D7D5DA
≈ Delicate Viola
رباعي +90° +180° +270°
- D8D6D1
Fog Beacon
- D2D8D6
≈ Rainy Season
- D4D6DB
≈ Pebble Soft Blue White
- DAD4D6
≈ So Shy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.45:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.45:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
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);
}