Nazwany kolor · #95978A
Evergreen Fog
Evergreen Fog to #95978A: rgb(149 151 138), hsl(69 6% 57%), oklch(0.671 0.019 114). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Evergreen Fog color name →
#95978A
oklch(0.671 0.019 114)
Konwersje koloru
- HEX
- #95978a
- RGB
- rgb(149 151 138)
- HSL
- hsl(69 6% 57%)
- HWB
- hwb(69 54% 41%)
- OKLCH
- oklch(0.671 0.019 114)
- OKLab
- oklab(0.671 -0.008 0.017)
- CIE Lab
- lab(62.01 -2.56 6.61)
- LCH
- lch(62.01 7.09 111.2)
- CMYK
- cmyk(1% 0% 9% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FA195
- A9ABA0
- B4B5AC
- BEBFB7
- C9CAC3
- D3D4CF
- DEDFDB
- E9E9E7
- F4F4F3
Odcienie ciemniejsze
- 818377
- 6D6F65
- 5A5C53
- 484942
- 373732
- 262622
- 161714
- 080807
- 010101
Tony
- 939589
- 919288
- 8F9087
- 8D8E86
- 8A8B85
- 888984
- 868783
- 848582
- 828281
Harmonie kolorów
Komplementarna +180°
- 95978A
Evergreen Fog
- 9693A0
≈ Ash Violet
Analogowa -30° +30°
- 95978A
Evergreen Fog
- 9B9589
≈ Mud Pack
- 8F998E
≈ Ceremonial Grey
Triada +120° +240°
- 95978A
Evergreen Fog
- 8B98A0
≈ Teton Blue
- A09196
≈ Lavender Elan
Komplementarna rozszczepiona +150° +210°
- 95978A
Evergreen Fog
- 9096A2
≈ Classic Cloud
- 9C929C
≈ Out of Plumb
Tetrada +90° +180° +270°
- 95978A
Evergreen Fog
- 89999B
≈ Aged Pewter
- 9693A0
≈ Ash Violet
- A19190
≈ Tassel Taupe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.96:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.07:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.07:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--evergreen-fog: #95978a;
--evergreen-fog-rgb: 149 151 138;
--evergreen-fog-oklch: oklch(0.671 0.019 114);
}
.element {
color: var(--evergreen-fog);
background-color: hsl(69 6% 57%);
border-color: oklch(0.671 0.019 114);
}Tailwind CSS v4
@theme {
--color-evergreen-fog: #95978a;
--color-evergreen-fog-50: #f5f6f0;
--color-evergreen-fog-100: #e7e9e2;
--color-evergreen-fog-200: #d3d5cc;
--color-evergreen-fog-300: #b7b9ae;
--color-evergreen-fog-400: #9ea093;
--color-evergreen-fog-500: #86887a;
--color-evergreen-fog-600: #717367;
--color-evergreen-fog-700: #5a5c52;
--color-evergreen-fog-800: #42433c;
--color-evergreen-fog-900: #2e2e29;
--color-evergreen-fog-950: #1b1b17;
}SCSS
$evergreen-fog: #95978a;
$evergreen-fog-rgb: 149, 151, 138;
$evergreen-fog-light: mix(#fff, $evergreen-fog, 20%);
$evergreen-fog-dark: mix(#000, $evergreen-fog, 20%);
.element {
color: $evergreen-fog;
box-shadow: 0 0 0 2px rgba($evergreen-fog, 0.35);
}