#84E680

#84E680

Color Values

HEX

#84E680

RGB

132, 230, 128

HSL

117.6, 67.1%, 70.2%

HSV

117.6, 44.3%, 90.2%

CMYK

42.6%, 0.0%, 44.3%, 9.8%

OKLCH

0.8408 0.1662 143.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#84E680

#E280E6

Analogous

#B7E680

#80E6AF

#84E680

Triadic

#84E680

#8084E6

#E68084

Split Complementary

#84E680

#AF80E6

#E680B7

Tetradic

#84E680

#80B7E6

#E280E6

#E6AF80

Color Blindness Simulation

Original

#84E680

Protanopia

#AEAF99

Deuteranopia

#A9A19F

Tritanopia

#89ACB0

Achromatopsia

#CACACA

CSS Usage

background-color: #84E680;
color: #84E680;
border-color: #84E680;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF3
100
#E4F7E3
200
#C5F3C3
300
#9CEB99
400
#66E061
500
#31D52A
600
#27AA22
700
#1F881B
800
#186B15
900
#164E13
950
#0E310C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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