#84DDDB

#84DDDB

Color Values

HEX

#84DDDB

RGB

132, 221, 219

HSL

178.7, 56.7%, 69.2%

HSV

178.7, 40.3%, 86.7%

CMYK

40.3%, 0.0%, 0.9%, 13.3%

OKLCH

0.8413 0.0859 193.8

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#84DDDB

#DD8486

Analogous

#84DDAF

#84B2DD

#84DDDB

Triadic

#84DDDB

#DB84DD

#DDDB84

Split Complementary

#84DDDB

#DD84B2

#DDAF84

Tetradic

#84DDDB

#AF84DD

#DD8486

#B2DD84

Color Blindness Simulation

Original

#84DDDB

Protanopia

#ABABDB

Deuteranopia

#A59FDC

Tritanopia

#88DCDC

Achromatopsia

#CACACA

CSS Usage

background-color: #84DDDB;
color: #84DDDB;
border-color: #84DDDB;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7F0EF
300
#9FE5E3
400
#6BD6D4
500
#37C8C5
600
#2CA09D
700
#23807E
800
#1C6462
900
#184948
950
#0F2E2E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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