Benannte Farbe · #989A87
Green Fog
Green Fog ist #989A87: rgb(152 154 135), hsl(66 9% 57%), oklch(0.679 0.027 112). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Fog color name →
#989A87
oklch(0.679 0.027 112)
Farbumrechnungen
- HEX
- #989a87
- RGB
- rgb(152 154 135)
- HSL
- hsl(66 9% 57%)
- HWB
- hwb(66 53% 40%)
- OKLCH
- oklch(0.679 0.027 112)
- OKLab
- oklab(0.679 -0.01 0.025)
- CIE Lab
- lab(63.03 -3.34 9.76)
- LCH
- lch(63.03 10.31 108.9)
- CMYK
- cmyk(1% 0% 12% 40%)
Tints · Shades · Tones
Tints
- A2A492
- ACAD9E
- B6B7AA
- C0C1B5
- CACBC1
- D5D6CE
- DFE0DA
- EAEAE6
- F4F5F2
Shades
- 848575
- 707163
- 5C5E51
- 4A4B41
- 383931
- 272721
- 171713
- 080906
- 010101
Tones
- 969786
- 939586
- 919285
- 8E9084
- 8C8D84
- 898A83
- 878882
- 858581
- 828381
Farbharmonien
Komplementär +180°
- 989A87
Green Fog
- 9895A8
≈ Purple Surf
Analog -30° +30°
- 989A87
Green Fog
- A19785
≈ Bridle Path
- 8F9D8D
≈ Mossleaf
Triadisch +120° +240°
- 989A87
Green Fog
- 889BA6
≈ Maritime Hush
- A6919A
≈ Nirvana
Geteilt komplementär +150° +210°
- 989A87
Green Fog
- 8F98A9
≈ Trance
- A093A2
≈ Cut Heather
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.87:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.30:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--green-fog: #989a87;
--green-fog-rgb: 152 154 135;
--green-fog-oklch: oklch(0.679 0.027 112);
}
.element {
color: var(--green-fog);
background-color: hsl(66 9% 57%);
border-color: oklch(0.679 0.027 112);
}Tailwind CSS v4
@theme {
--color-green-fog: #989a87;
--color-green-fog-50: #f5f6ed;
--color-green-fog-100: #e7e9df;
--color-green-fog-200: #d4d6c9;
--color-green-fog-300: #b7b9aa;
--color-green-fog-400: #9ea08e;
--color-green-fog-500: #868874;
--color-green-fog-600: #727362;
--color-green-fog-700: #5b5c4e;
--color-green-fog-800: #434339;
--color-green-fog-900: #2e2e27;
--color-green-fog-950: #1b1b15;
}SCSS
$green-fog: #989a87;
$green-fog-rgb: 152, 154, 135;
$green-fog-light: mix(#fff, $green-fog, 20%);
$green-fog-dark: mix(#000, $green-fog, 20%);
.element {
color: $green-fog;
box-shadow: 0 0 0 2px rgba($green-fog, 0.35);
}