#84D53C

#84D53C

Color Values

HEX

#84D53C

RGB

132, 213, 60

HSL

91.8, 64.6%, 53.5%

HSV

91.8, 71.8%, 83.5%

CMYK

38.0%, 0.0%, 71.8%, 16.5%

OKLCH

0.792 0.1987 133.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#84D53C

#8D3CD5

Analogous

#D0D53C

#3CD540

#84D53C

Triadic

#84D53C

#3C84D5

#D53C84

Split Complementary

#84D53C

#403CD5

#D53CD0

Tetradic

#84D53C

#3CD0D5

#8D3CD5

#D5403C

Color Blindness Simulation

Original

#84D53C

Protanopia

#A7A861

Deuteranopia

#A29C6A

Tritanopia

#887E85

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF2C4
300
#BFE99A
400
#9DDE64
500
#7BD22D
600
#62A824
700
#4E861D
800
#3D6917
900
#2F4D14
950
#1E300D

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026