#84D8AB

#84D8AB

Color Values

HEX

#84D8AB

RGB

132, 216, 171

HSL

147.9, 51.9%, 68.2%

HSV

147.9, 38.9%, 84.7%

CMYK

38.9%, 0.0%, 20.8%, 15.3%

OKLCH

0.8163 0.1047 159.5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#84D8AB

#D884B1

Analogous

#87D884

#84D8D5

#84D8AB

Triadic

#84D8AB

#AB84D8

#D8AB84

Split Complementary

#84D8AB

#D584D8

#D88487

Tetradic

#84D8AB

#8487D8

#D884B1

#D8D584

Color Blindness Simulation

Original

#84D8AB

Protanopia

#A8A9B6

Deuteranopia

#A49DB8

Tritanopia

#88BEC0

Achromatopsia

#C3C3C3

CSS Usage

background-color: #84D8AB;
color: #84D8AB;
border-color: #84D8AB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E5F5ED
200
#C9EEDA
300
#A2E2C0
400
#70D29D
500
#3DC27B
600
#319B62
700
#277C4F
800
#1F613D
900
#1A472F
950
#102D1E

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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