#84B270

#84B270

Color Values

HEX

#84B270

RGB

132, 178, 112

HSL

101.8, 30.0%, 56.9%

HSV

101.8, 37.1%, 69.8%

CMYK

25.8%, 0.0%, 37.1%, 30.2%

OKLCH

0.7141 0.1044 136.6

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84B270

#9E70B2

Analogous

#A5B270

#70B27D

#84B270

Triadic

#84B270

#7084B2

#B27084

Split Complementary

#84B270

#7D70B2

#B270A5

Tetradic

#84B270

#70A5B2

#9E70B2

#B27D70

Color Blindness Simulation

Original

#84B270

Protanopia

#989880

Deuteranopia

#959284

Tritanopia

#868D8F

Achromatopsia

#A3A3A3

CSS Usage

background-color: #84B270;
color: #84B270;
border-color: #84B270;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F7F9F5
100
#EBF2E9
200
#D7E6D1
300
#BBD4AF
400
#96BD84
500
#70A659
600
#5A8547
700
#486A39
800
#38532D
900
#2B3E23
950
#1B2716

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026