#84AF58

#84AF58

Color Values

HEX

#84AF58

RGB

132, 175, 88

HSL

89.7, 35.2%, 51.6%

HSV

89.7, 49.7%, 68.6%

CMYK

24.6%, 0.0%, 49.7%, 31.4%

OKLCH

0.703 0.1255 130.7

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#84AF58

#8358AF

Analogous

#AFAF58

#59AF58

#84AF58

Triadic

#84AF58

#5884AF

#AF5884

Split Complementary

#84AF58

#5859AF

#AF58AF

Tetradic

#84AF58

#58AFAF

#8358AF

#AF5859

Color Blindness Simulation

Original

#84AF58

Protanopia

#97976D

Deuteranopia

#949172

Tritanopia

#867E81

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE8CF
300
#C2D7AC
400
#A1C27F
500
#80AC53
600
#668A42
700
#526E35
800
#405629
900
#314021
950
#1F2815

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026