#84DDDA

#84DDDA

Color Values

HEX

#84DDDA

RGB

132, 221, 218

HSL

178.0, 56.7%, 69.2%

HSV

178.0, 40.3%, 86.7%

CMYK

40.3%, 0.0%, 1.4%, 13.3%

OKLCH

0.841 0.086 192.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#84DDDA

#DD8487

Analogous

#84DDAD

#84B3DD

#84DDDA

Triadic

#84DDDA

#DA84DD

#DDDA84

Split Complementary

#84DDDA

#DD84B3

#DDAD84

Tetradic

#84DDDA

#AD84DD

#DD8487

#B3DD84

Color Blindness Simulation

Original

#84DDDA

Protanopia

#ABABDB

Deuteranopia

#A59FDB

Tritanopia

#88DBDB

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7F0EE
300
#9FE5E2
400
#6BD6D3
500
#37C8C3
600
#2CA09C
700
#23807D
800
#1C6461
900
#184948
950
#0F2E2D

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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