#84EBC6

#84EBC6

Color Values

HEX

#84EBC6

RGB

132, 235, 198

HSL

158.4, 72.0%, 72.0%

HSV

158.4, 43.8%, 92.2%

CMYK

43.8%, 0.0%, 15.7%, 7.8%

OKLCH

0.8672 0.1107 168.4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#84EBC6

#EB84A9

Analogous

#84EB93

#84DDEB

#84EBC6

Triadic

#84EBC6

#C684EB

#EBC684

Split Complementary

#84EBC6

#EB84DD

#EB9384

Tetradic

#84EBC6

#9384EB

#EB84A9

#DDEB84

Color Blindness Simulation

Original

#84EBC6

Protanopia

#B1B1CF

Deuteranopia

#ABA3D1

Tritanopia

#89D6D8

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F0
200
#C2F5E2
300
#96EECE
400
#5DE5B4
500
#24DB99
600
#1DAF7B
700
#178C62
800
#126E4D
900
#115039
950
#0B3224

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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