#54DAD8

#54DAD8

Color Values

HEX

#54DAD8

RGB

84, 218, 216

HSL

179.1, 64.4%, 59.2%

HSV

179.1, 61.5%, 85.5%

CMYK

61.5%, 0.0%, 0.9%, 14.5%

OKLCH

0.8154 0.1154 193.7

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#54DAD8

#DA5456

Analogous

#54DA95

#5499DA

#54DAD8

Triadic

#54DAD8

#D854DA

#DAD854

Split Complementary

#54DAD8

#DA5499

#DA9554

Tetradic

#54DAD8

#9554DA

#DA5456

#99DA54

Color Blindness Simulation

Original

#54DAD8

Protanopia

#8E8FD8

Deuteranopia

#867CD9

Tritanopia

#5BD9D9

Achromatopsia

#BDBDBD

CSS Usage

background-color: #54DAD8;
color: #54DAD8;
border-color: #54DAD8;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C4F2F2
300
#9AE9E8
400
#64DDDC
500
#2DD2CF
600
#24A8A6
700
#1D8685
800
#176968
900
#144D4C
950
#0D3030

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.4:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026