#84CDAD

#84CDAD

Color Values

HEX

#84CDAD

RGB

132, 205, 173

HSL

153,7, 42,2%, 66,1%

HSV

153,7, 35,6%, 80,4%

CMYK

35,6%, 0,0%, 15,6%, 19,6%

OKLCH

0,7912 0,0867 164,9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#84CDAD

#CD84A4

Analogous

#84CD89

#84C9CD

#84CDAD

Triadic

#84CDAD

#AD84CD

#CDAD84

Split Complementary

#84CDAD

#CD84C9

#CD8984

Tetradic

#84CDAD

#8984CD

#CD84A4

#C9CD84

Color Blindness Simulation

Original

#84CDAD

Protanopia

#A4A4B5

Deuteranopia

#9F9AB7

Tritanopia

#88BBBC

Achromatopsia

#BBBBBB

CSS Usage

background-color: #84CDAD;
color: #84CDAD;
border-color: #84CDAD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADD
300
#A8DCC5
400
#79C8A6
500
#4AB586
600
#3B916B
700
#2F7456
800
#255B43
900
#1E4333
950
#132A20

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026