#84DA3A

#84DA3A

Color Values

HEX

#84DA3A

RGB

132, 218, 58

HSL

92.2, 68.4%, 54.1%

HSV

92.2, 73.4%, 85.5%

CMYK

39.4%, 0.0%, 73.4%, 14.5%

OKLCH

0.804 0.2059 134.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#84DA3A

#903ADA

Analogous

#D4DA3A

#3ADA40

#84DA3A

Triadic

#84DA3A

#3A84DA

#DA3A84

Split Complementary

#84DA3A

#403ADA

#DA3AD4

Tetradic

#84DA3A

#3AD4DA

#903ADA

#DA403A

Color Blindness Simulation

Original

#84DA3A

Protanopia

#A9AA61

Deuteranopia

#A49E6A

Tritanopia

#887F86

Achromatopsia

#BCBCBC

CSS Usage

background-color: #84DA3A;
color: #84DA3A;
border-color: #84DA3A;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#DAF4C3
300
#BFEC98
400
#9CE160
500
#79D728
600
#61AC20
700
#4E891A
800
#3D6B14
900
#2E4E13
950
#1D310C

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.07:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026