Adlandırılmış renk · #D8D6D1
Fog Beacon
Fog Beacon, #D8D6D1: rgb(216 214 209), hsl(43 8% 83%), oklch(0.876 0.007 88.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Fog Beacon color name →
#D8D6D1
oklch(0.876 0.007 88.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCDAD6
- E0DEDA
- E4E2DF
- E7E6E3
- EBEAE8
- EFEEEC
- F3F3F1
- F7F7F6
- FBFBFA
Koyu tonlar
- BCBAB5
- A09E9B
- 858481
- 6B6A68
- 535250
- 3B3B39
- 252523
- 111010
- 020202
Gri tonlar
- CFCDC9
- C6C4C0
- BDBBB8
- B4B3B0
- ABAAA8
- A2A1A0
- 999998
- 919190
- 888888
Renk uyumları
Tamamlayıcı +180°
- D8D6D1
Fog Beacon
- D4D6DB
≈ Pebble Soft Blue White
Analog -30° +30°
- D8D6D1
Fog Beacon
- DAD5D2
≈ White Castle
- D6D7D2
≈ Fog
Üçlü +120° +240°
- D8D6D1
Fog Beacon
- D1D8D9
≈ Pond Frost
- D9D5D8
≈ Gentle Violet
Bölünmüş tamamlayıcı +150° +210°
- D8D6D1
Fog Beacon
- D2D7DA
≈ Snow Quartz
- D7D5DA
≈ Delicate Viola
Dörtlü +90° +180° +270°
- D8D6D1
Fog Beacon
- D2D8D6
≈ Rainy Season
- D4D6DB
≈ Pebble Soft Blue White
- DAD4D6
≈ So Shy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.45:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}