#84C309

#84C309

Color Values

HEX

#84C309

RGB

132, 195, 9

HSL

80.3, 91.2%, 40.0%

HSV

80.3, 95.4%, 76.5%

CMYK

32.3%, 0.0%, 95.4%, 23.5%

OKLCH

0.7459 0.1969 129.3

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#84C309

#4809C3

Analogous

#C3A509

#27C309

#84C309

Triadic

#84C309

#0984C3

#C30984

Split Complementary

#84C309

#0927C3

#A509C3

Tetradic

#84C309

#09C3A5

#4809C3

#C30927

Color Blindness Simulation

Original

#84C309

Protanopia

#9FA036

Deuteranopia

#9C9741

Tritanopia

#875A61

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F9FDF1
100
#F2FBDF
200
#E6FCBB
300
#D4FA8A
400
#BCF74B
500
#A5F40B
600
#84C309
700
#6A9C07
800
#537A06
900
#3D5809
950
#273805

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026