#84AF50

#84AF50

Color Values

HEX

#84AF50

RGB

132, 175, 80

HSL

87.2, 37.3%, 50.0%

HSV

87.2, 54.3%, 68.6%

CMYK

24.6%, 0.0%, 54.3%, 31.4%

OKLCH

0.7019 0.1334 129.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#84AF50

#7B50AF

Analogous

#AFAB50

#54AF50

#84AF50

Triadic

#84AF50

#5084AF

#AF5084

Split Complementary

#84AF50

#5054AF

#AB50AF

Tetradic

#84AF50

#50AFAB

#7B50AF

#AF5054

Color Blindness Simulation

Original

#84AF50

Protanopia

#979767

Deuteranopia

#94916C

Tritanopia

#86797D

Achromatopsia

#9F9F9F

CSS Usage

background-color: #84AF50;
color: #84AF50;
border-color: #84AF50;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CE
300
#C4D9AB
400
#A4C47D
500
#84AF50
600
#6A8C40
700
#547033
800
#425828
900
#324120
950
#202914

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026