Named color · #8D8D75
Epic Green
Epic Green is #8D8D75: rgb(141 141 117), hsl(60 10% 51%), oklch(0.637 0.035 107.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Epic Green color name →
#8D8D75
oklch(0.637 0.035 107.3)
Color conversions
- HEX
- #8d8d75
- RGB
- rgb(141 141 117)
- HSL
- hsl(60 10% 51%)
- HWB
- hwb(60 46% 45%)
- OKLCH
- oklch(0.637 0.035 107.3)
- OKLab
- oklab(0.637 -0.01 0.033)
- CIE Lab
- lab(58.13 -3.2 12.88)
- LCH
- lch(58.13 13.27 104)
- CMYK
- cmyk(0% 0% 17% 45%)
Tints · Shades · Tones
Tints
- 989882
- A3A38F
- AEAE9D
- B9B9AA
- C4C5B8
- D0D0C6
- DBDCD4
- E7E7E2
- F3F3F0
Shades
- 7A7A65
- 676755
- 555546
- 444437
- 333329
- 23231C
- 14140F
- 070705
- 010101
Tones
- 8C8C76
- 8A8A77
- 898979
- 88887A
- 86877B
- 85857C
- 84847D
- 83837E
- 81817F
Color harmonies
Complementary +180°
- 8D8D75
Epic Green
- 8988A0
≈ Mandrake
Analogous -30° +30°
- 8D8D75
Epic Green
- 978974
≈ Roscoe Village
- 81907C
≈ Ginkgo Tree
Triadic +120° +240°
- 8D8D75
Epic Green
- 76909C
≈ Sheltered Bay
- 9C838F
≈ Garden Plum
Split-complementary +150° +210°
- 8D8D75
Epic Green
- 7E8CA1
≈ Lucid Blue
- 948599
≈ Hatoba Pigeon
Tetradic +90° +180° +270°
- 8D8D75
Epic Green
- 739292
≈ Juniper
- 8988A0
≈ Mandrake
- 9F8383
≈ Plumville
Contrast & accessibility
Ag
FailOn white
WCAG 3.38:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.19:1 · APCA Lc 40
Best text color: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--epic-green: #8d8d75;
--epic-green-rgb: 141 141 117;
--epic-green-oklch: oklch(0.637 0.035 107.3);
}
.element {
color: var(--epic-green);
background-color: hsl(60 10% 51%);
border-color: oklch(0.637 0.035 107.3);
}Tailwind CSS v4
@theme {
--color-epic-green: #8d8d75;
--color-epic-green-50: #f5f6eb;
--color-epic-green-100: #e8e9dc;
--color-epic-green-200: #d5d6c5;
--color-epic-green-300: #b8b9a5;
--color-epic-green-400: #a0a089;
--color-epic-green-500: #88886e;
--color-epic-green-600: #73735d;
--color-epic-green-700: #5c5c4a;
--color-epic-green-800: #444335;
--color-epic-green-900: #2f2e24;
--color-epic-green-950: #1b1b13;
}SCSS
$epic-green: #8d8d75;
$epic-green-rgb: 141, 141, 117;
$epic-green-light: mix(#fff, $epic-green, 20%);
$epic-green-dark: mix(#000, $epic-green, 20%);
.element {
color: $epic-green;
box-shadow: 0 0 0 2px rgba($epic-green, 0.35);
}