#84D633

#84D633

Color Values

HEX

#84D633

RGB

132, 214, 51

HSL

90.2, 66.5%, 52.0%

HSV

90.2, 76.2%, 83.9%

CMYK

38.3%, 0.0%, 76.2%, 16.1%

OKLCH

0.7938 0.2049 133.1

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#84D633

#8533D6

Analogous

#D5D633

#33D634

#84D633

Triadic

#84D633

#3384D6

#D63384

Split Complementary

#84D633

#3433D6

#D633D5

Tetradic

#84D633

#33D5D6

#8533D6

#D63433

Color Blindness Simulation

Original

#84D633

Protanopia

#A8A85A

Deuteranopia

#A39D64

Tritanopia

#887A80

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DBF3C4
300
#C2EA99
400
#A0DF62
500
#7FD42B
600
#66AA22
700
#51881B
800
#3F6A15
900
#304D13
950
#1E310C

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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