Benannte Farbe · #D6D7D2
Fog
Fog ist #D6D7D2: rgb(214 215 210), hsl(72 6% 83%), oklch(0.877 0.007 115.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fog color name →
#D6D7D2
oklch(0.877 0.007 115.7)
Farbumrechnungen
- HEX
- #d6d7d2
- RGB
- rgb(214 215 210)
- HSL
- hsl(72 6% 83%)
- HWB
- hwb(72 82% 16%)
- OKLCH
- oklch(0.877 0.007 115.7)
- OKLab
- oklab(0.877 -0.003 0.006)
- CIE Lab
- lab(85.8 -1.02 2.35)
- LCH
- lch(85.8 2.56 113.5)
- CMYK
- cmyk(0% 0% 2% 16%)
Tints · Shades · Tones
Tints
- DADBD6
- DEDFDB
- E2E3DF
- E6E7E4
- EAEBE8
- EEEFED
- F3F3F1
- F7F7F6
- FBFBFA
Shades
- BABBB6
- 9E9F9B
- 848581
- 6A6B68
- 525250
- 3B3B39
- 252524
- 101110
- 020202
Tones
- CDCEC9
- C4C5C1
- BBBCB9
- B3B3B0
- AAAAA8
- A1A2A0
- 999998
- 919190
- 888888
Farbharmonien
Komplementär +180°
- D6D7D2
Fog
- D7D6DB
≈ Delicate Viola
Analog -30° +30°
Triadisch +120° +240°
- D6D7D2
Fog
- D2D7DA
≈ Snow Quartz
- DAD5D6
≈ So Shy
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.51:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--fog: #d6d7d2;
--fog-rgb: 214 215 210;
--fog-oklch: oklch(0.877 0.007 115.7);
}
.element {
color: var(--fog);
background-color: hsl(72 6% 83%);
border-color: oklch(0.877 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-fog: #d6d7d2;
--color-fog-50: #f5f5f3;
--color-fog-100: #e7e8e6;
--color-fog-200: #d4d5d1;
--color-fog-300: #b7b8b4;
--color-fog-400: #9e9f9a;
--color-fog-500: #868782;
--color-fog-600: #71726e;
--color-fog-700: #5a5b58;
--color-fog-800: #424340;
--color-fog-900: #2e2e2c;
--color-fog-950: #1a1b19;
}SCSS
$fog: #d6d7d2;
$fog-rgb: 214, 215, 210;
$fog-light: mix(#fff, $fog, 20%);
$fog-dark: mix(#000, $fog, 20%);
.element {
color: $fog;
box-shadow: 0 0 0 2px rgba($fog, 0.35);
}