Nearest named color · #76A200
#76A200
Nearest named color: Green Envy
#76A200 (rgb(118 162 0), hsl(76 100% 32%), oklch(0.656 0.168 126.5)) is closest to the named color Green Envy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#76A200
oklch(0.656 0.168 126.5)
Color conversions
- HEX
- #76a200
- RGB
- rgb(118 162 0)
- HSL
- hsl(76 100% 32%)
- HWB
- hwb(76 0% 36%)
- OKLCH
- oklch(0.656 0.168 126.5)
- OKLab
- oklab(0.656 -0.1 0.135)
- CIE Lab
- lab(61.6 -29.8 62.35)
- LCH
- lch(61.6 69.11 115.5)
- CMYK
- cmyk(27% 0% 100% 36%)
Tints · Shades · Tones
Tints
- 83AC36
- 90B552
- 9DBE6A
- ABC880
- B8D196
- C6DAAB
- D4E4C0
- E2EDD5
- F1F6EA
Shades
- 668C00
- 567700
- 476300
- 384F00
- 293C00
- 1C2A00
- 0F1900
- 050A00
- 010100
Tones
- 779F26
- 789C37
- 799945
- 7A9550
- 7B9259
- 7C8F62
- 7D8B6A
- 7E8772
- 7F8479
Color harmonies
Complementary +180°
- 76A200
Green Envy
- AB71E0
≈ Lavender
Analogous -30° +30°
- 76A200
Green Envy
- A99000
≈ Bark Sawdust
- 00AC67
≈ Go Green!
Triadic +120° +240°
- 76A200
Green Envy
- 0B97F0
≈ Pervenche
- E25D80
≈ Blush d’Amour
Split-complementary +150° +210°
- 76A200
Green Envy
- 7883F5
≈ Orchid
- CE63B6
≈ Pú Táo Zǐ Purple
Tetradic +90° +180° +270°
- 76A200
Green Envy
- 00A2BF
≈ Greek Blue
- AB71E0
≈ Lavender
- E46440
≈ Emergency Zone
Contrast & accessibility
Ag
FailOn white
WCAG 3.02:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.93:1 · APCA Lc 45
Best text color: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--green-envy: #76a200;
--green-envy-rgb: 118 162 0;
--green-envy-oklch: oklch(0.656 0.168 126.5);
}
.element {
color: var(--green-envy);
background-color: hsl(76 100% 32%);
border-color: oklch(0.656 0.168 126.5);
}Tailwind CSS v4
@theme {
--color-green-envy: #76a200;
--color-green-envy-50: #e7ffcc;
--color-green-envy-100: #d7f3b7;
--color-green-envy-200: #bfe394;
--color-green-envy-300: #9dc866;
--color-green-envy-400: #85af2f;
--color-green-envy-500: #699800;
--color-green-envy-600: #598100;
--color-green-envy-700: #476700;
--color-green-envy-800: #364b00;
--color-green-envy-900: #253400;
--color-green-envy-950: #131f00;
}SCSS
$green-envy: #76a200;
$green-envy-rgb: 118, 162, 0;
$green-envy-light: mix(#fff, $green-envy, 20%);
$green-envy-dark: mix(#000, $green-envy, 20%);
.element {
color: $green-envy;
box-shadow: 0 0 0 2px rgba($green-envy, 0.35);
}