#84EBCE

#84EBCE

Color Values

HEX

#84EBCE

RGB

132, 235, 206

HSL

163.1, 72.0%, 72.0%

HSV

163.1, 43.8%, 92.2%

CMYK

43.8%, 0.0%, 12.3%, 7.8%

OKLCH

0.8693 0.1057 173.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#84EBCE

#EB84A1

Analogous

#84EB9B

#84D5EB

#84EBCE

Triadic

#84EBCE

#CE84EB

#EBCE84

Split Complementary

#84EBCE

#EB84D5

#EB9B84

Tetradic

#84EBCE

#9B84EB

#EB84A1

#D5EB84

Color Blindness Simulation

Original

#84EBCE

Protanopia

#B1B1D5

Deuteranopia

#ABA3D7

Tritanopia

#89DBDC

Achromatopsia

#D3D3D3

CSS Usage

background-color: #84EBCE;
color: #84EBCE;
border-color: #84EBCE;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCF9
100
#E2F8F2
200
#C2F5E7
300
#96EED5
400
#5DE5BE
500
#24DBA8
600
#1DAF86
700
#178C6B
800
#126E54
900
#11503E
950
#0B3227

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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