#84F285

#84F285

Color Values

HEX

#84F285

RGB

132, 242, 133

HSL

120.5, 80.9%, 73.3%

HSV

120.5, 45.5%, 94.9%

CMYK

45.5%, 0.0%, 45.0%, 5.1%

OKLCH

0.8702 0.1783 144.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#84F285

#F284F1

Analogous

#BAF284

#84F2BC

#84F285

Triadic

#84F285

#8584F2

#F28584

Split Complementary

#84F285

#BC84F2

#F284BA

Tetradic

#84F285

#84BAF2

#F284F1

#F2BC84

Color Blindness Simulation

Original

#84F285

Protanopia

#B4B59F

Deuteranopia

#ADA5A6

Tritanopia

#8AB4B9

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1F9E1
200
#BEF8BF
300
#90F391
400
#54ED56
500
#18E71A
600
#13B915
700
#109411
800
#0C730D
900
#0D540E
950
#083509

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.02:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026