#54CBC7

#54CBC7

Color Values

HEX

#54CBC7

RGB

84, 203, 199

HSL

178.0, 53.4%, 56.3%

HSV

178.0, 58.6%, 79.6%

CMYK

58.6%, 0.0%, 2.0%, 20.4%

OKLCH

0.7742 0.1061 192.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#54CBC7

#CB5458

Analogous

#54CB8C

#5494CB

#54CBC7

Triadic

#54CBC7

#C754CB

#CBC754

Split Complementary

#54CBC7

#CB5494

#CB8C54

Tetradic

#54CBC7

#8C54CB

#CB5458

#94CB54

Color Blindness Simulation

Original

#54CBC7

Protanopia

#8889C8

Deuteranopia

#8178C8

Tritanopia

#5AC9C9

Achromatopsia

#B1B1B1

CSS Usage

background-color: #54CBC7;
color: #54CBC7;
border-color: #54CBC7;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEED
300
#A1E2E0
400
#6ED3D0
500
#3BC4BF
600
#309C99
700
#267D7A
800
#1E6260
900
#194846
950
#102D2C

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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