#84A752

#84A752

Color Values

HEX

#84A752

RGB

132, 167, 82

HSL

84,7, 34,1%, 48,8%

HSV

84,7, 50,9%, 65,5%

CMYK

21,0%, 0,0%, 50,9%, 34,5%

OKLCH

0,683 0,1199 127,7

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#84A752

#7552A7

Analogous

#A79F52

#5AA752

#84A752

Triadic

#84A752

#5284A7

#A75284

Split Complementary

#84A752

#525AA7

#9F52A7

Tetradic

#84A752

#52A79F

#7552A7

#A7525A

Color Blindness Simulation

Original

#84A752

Protanopia

#939367

Deuteranopia

#918E6C

Tritanopia

#86777A

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DDE7CF
300
#C5D7AD
400
#A6C180
500
#87AB54
600
#6C8943
700
#576D36
800
#44552A
900
#333F22
950
#202815

Contrast Checker

Text on white

2,75:1

AA Fail AAA Fail

Text on black

7,63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026