#84D84F

#84D84F

Color Values

HEX

#84D84F

RGB

132, 216, 79

HSL

96.8, 63.7%, 57.8%

HSV

96.8, 63.4%, 84.7%

CMYK

38.9%, 0.0%, 63.4%, 15.3%

OKLCH

0.8008 0.1897 135.4

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#84D84F

#A34FD8

Analogous

#C8D84F

#4FD85E

#84D84F

Triadic

#84D84F

#4F84D8

#D84F84

Split Complementary

#84D84F

#5E4FD8

#D84FC8

Tetradic

#84D84F

#4FC8D8

#A34FD8

#D85E4F

Color Blindness Simulation

Original

#84D84F

Protanopia

#A8A970

Deuteranopia

#A49D78

Tritanopia

#888A90

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EBF7E3
200
#D6F2C5
300
#B9E99B
400
#93DD65
500
#6DD12E
600
#57A725
700
#46861E
800
#376817
900
#2A4C15
950
#1B300D

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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