#8EAC2F

#8EAC2F

Color Values

HEX

#8EAC2F

RGB

142, 172, 47

HSL

74.4, 57.1%, 42.9%

HSV

74.4, 72.7%, 67.5%

CMYK

17.4%, 0.0%, 72.7%, 32.5%

OKLCH

0.6984 0.1511 122.3

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#8EAC2F

#4D2FAC

Analogous

#AC8B2F

#4FAC2F

#8EAC2F

Triadic

#8EAC2F

#2F8EAC

#AC2F8E

Split Complementary

#8EAC2F

#2F4FAC

#8B2FAC

Tetradic

#8EAC2F

#2FAC8B

#4D2FAC

#AC2F4F

Color Blindness Simulation

Original

#8EAC2F

Protanopia

#9B9B4D

Deuteranopia

#999754

Tritanopia

#90656A

Achromatopsia

#9D9D9D

CSS Usage

background-color: #8EAC2F;
color: #8EAC2F;
border-color: #8EAC2F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F9FBF4
100
#F2F6E4
200
#E6F0C7
300
#D4E59F
400
#BDD76B
500
#A5C837
600
#84A02C
700
#6A8023
800
#53641B
900
#3D4918
950
#272E0F

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026