#56CCC8

#56CCC8

Color Values

HEX

#56CCC8

RGB

86, 204, 200

HSL

178.0, 53.6%, 56.9%

HSV

178.0, 57.8%, 80.0%

CMYK

57.8%, 0.0%, 2.0%, 20.0%

OKLCH

0.7775 0.1056 192.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#56CCC8

#CC565A

Analogous

#56CC8D

#5695CC

#56CCC8

Triadic

#56CCC8

#C856CC

#CCC856

Split Complementary

#56CCC8

#CC5695

#CC8D56

Tetradic

#56CCC8

#8D56CC

#CC565A

#95CC56

Color Blindness Simulation

Original

#56CCC8

Protanopia

#898AC9

Deuteranopia

#8279C9

Tritanopia

#5CCACA

Achromatopsia

#B3B3B3

CSS Usage

background-color: #56CCC8;
color: #56CCC8;
border-color: #56CCC8;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

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

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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