#84DF4C

#84DF4C

Color Values

HEX

#84DF4C

RGB

132, 223, 76

HSL

97.1, 69.7%, 58.6%

HSV

97.1, 65.9%, 87.5%

CMYK

40.8%, 0.0%, 65.9%, 12.5%

OKLCH

0.8175 0.2007 135.7

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#84DF4C

#A74CDF

Analogous

#CEDF4C

#4CDF5D

#84DF4C

Triadic

#84DF4C

#4C84DF

#DF4C84

Split Complementary

#84DF4C

#5D4CDF

#DF4CCE

Tetradic

#84DF4C

#4CCEDF

#A74CDF

#DF5D4C

Color Blindness Simulation

Original

#84DF4C

Protanopia

#ABAC70

Deuteranopia

#A69F78

Tritanopia

#898C92

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E3
200
#D5F4C2
300
#B8EC97
400
#91E25F
500
#6AD827
600
#55AD1F
700
#448A19
800
#356C13
900
#294F12
950
#1A320B

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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