Colore con nome · #95978A
Evergreen Fog
Evergreen Fog è #95978A: rgb(149 151 138), hsl(69 6% 57%), oklch(0.671 0.019 114). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Evergreen Fog color name →
#95978A
oklch(0.671 0.019 114)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9FA195
- A9ABA0
- B4B5AC
- BEBFB7
- C9CAC3
- D3D4CF
- DEDFDB
- E9E9E7
- F4F4F3
Ombre
- 818377
- 6D6F65
- 5A5C53
- 484942
- 373732
- 262622
- 161714
- 080807
- 010101
Toni
- 939589
- 919288
- 8F9087
- 8D8E86
- 8A8B85
- 888984
- 868783
- 848582
- 828281
Armonie di colore
Complementare +180°
- 95978A
Evergreen Fog
- 9693A0
≈ Ash Violet
Analogo -30° +30°
- 95978A
Evergreen Fog
- 9B9589
≈ Mud Pack
- 8F998E
≈ Ceremonial Grey
Triadico +120° +240°
- 95978A
Evergreen Fog
- 8B98A0
≈ Teton Blue
- A09196
≈ Lavender Elan
Complementare divisa +150° +210°
- 95978A
Evergreen Fog
- 9096A2
≈ Classic Cloud
- 9C929C
≈ Out of Plumb
Tetradico +90° +180° +270°
- 95978A
Evergreen Fog
- 89999B
≈ Aged Pewter
- 9693A0
≈ Ash Violet
- A19190
≈ Tassel Taupe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.07:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.07:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
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);
}