#84EBC9

#84EBC9

Color Values

HEX

#84EBC9

RGB

132, 235, 201

HSL

160,2, 72,0%, 72,0%

HSV

160,2, 43,8%, 92,2%

CMYK

43,8%, 0,0%, 14,5%, 7,8%

OKLCH

0,868 0,1087 170,2

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#84EBC9

#EB84A6

Analogous

#84EB96

#84DAEB

#84EBC9

Triadic

#84EBC9

#C984EB

#EBC984

Split Complementary

#84EBC9

#EB84DA

#EB9684

Tetradic

#84EBC9

#9684EB

#EB84A6

#DAEB84

Color Blindness Simulation

Original

#84EBC9

Protanopia

#B1B1D1

Deuteranopia

#ABA3D3

Tritanopia

#89D8D9

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F1
200
#C2F5E4
300
#96EED1
400
#5DE5B8
500
#24DB9F
600
#1DAF7F
700
#178C66
800
#126E4F
900
#11503B
950
#0B3225

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026