#84CC46

#84CC46

Color Values

HEX

#84CC46

RGB

132, 204, 70

HSL

92.2, 56.8%, 53.7%

HSV

92.2, 65.7%, 80.0%

CMYK

35.3%, 0.0%, 65.7%, 20.0%

OKLCH

0.7709 0.1809 133.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#84CC46

#8E46CC

Analogous

#C7CC46

#46CC4B

#84CC46

Triadic

#84CC46

#4684CC

#CC4684

Split Complementary

#84CC46

#4B46CC

#CC46C7

Tetradic

#84CC46

#46C7CC

#8E46CC

#CC4B46

Color Blindness Simulation

Original

#84CC46

Protanopia

#A3A466

Deuteranopia

#9F9A6E

Tritanopia

#888086

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DAF0C7
300
#BFE59F
400
#9DD66B
500
#7AC837
600
#62A02C
700
#4E8023
800
#3D641C
900
#2F4918
950
#1D2E0F

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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