#84A004

#84A004

Color Values

HEX

#84A004

RGB

132, 160, 4

HSL

70.8, 95.1%, 32.2%

HSV

70.8, 97.5%, 62.7%

CMYK

17.5%, 0.0%, 97.5%, 37.3%

OKLCH

0.6606 0.1582 121.4

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#84A004

#2004A0

Analogous

#A06E04

#36A004

#84A004

Triadic

#84A004

#0484A0

#A00484

Split Complementary

#84A004

#0436A0

#6E04A0

Tetradic

#84A004

#04A06E

#2004A0

#A00436

Color Blindness Simulation

Original

#84A004

Protanopia

#90902A

Deuteranopia

#8E8C33

Tritanopia

#85484E

Achromatopsia

#8F8F8F

CSS Usage

background-color: #84A004;
color: #84A004;
border-color: #84A004;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFEF1
100
#F6FCDF
200
#F1FDB9
300
#E7FC88
400
#DAFA47
500
#CDF906
600
#A4C705
700
#839F04
800
#677C03
900
#4B5A07
950
#2F3904

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01: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