#54FFDC

#54FFDC

Color Values

HEX

#54FFDC

RGB

84, 255, 220

HSL

167.7, 100.0%, 66.5%

HSV

167.7, 67.1%, 100.0%

CMYK

67.1%, 0.0%, 13.7%, 0.0%

OKLCH

0.9042 0.1475 176.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#54FFDC

#FF5477

Analogous

#54FF87

#54CDFF

#54FFDC

Triadic

#54FFDC

#DC54FF

#FFDC54

Split Complementary

#54FFDC

#FF54CD

#FF8754

Tetradic

#54FFDC

#8754FF

#FF5477

#CDFF54

Color Blindness Simulation

Original

#54FFDC

Protanopia

#9EA0E4

Deuteranopia

#9487E6

Tritanopia

#5DEBED

Achromatopsia

#D8D8D8

CSS Usage

background-color: #54FFDC;
color: #54FFDC;
border-color: #54FFDC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FFF0
300
#85FFE6
400
#42FFD8
500
#00FFCB
600
#00CCA2
700
#00A382
800
#008065
900
#055C4A
950
#033A2F

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026