#56E7EC

#56E7EC

Color Values

HEX

#56E7EC

RGB

86, 231, 236

HSL

182.0, 79.8%, 63.1%

HSV

182.0, 63.6%, 92.5%

CMYK

63.6%, 2.1%, 0.0%, 7.5%

OKLCH

0.8532 0.1221 198.4

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#56E7EC

#EC5B56

Analogous

#56ECA6

#569CEC

#56E7EC

Triadic

#56E7EC

#EC56E7

#E7EC56

Split Complementary

#56E7EC

#EC569C

#ECA656

Tetradic

#56E7EC

#A656EC

#EC5B56

#9CEC56

Color Blindness Simulation

Original

#56E7EC

Protanopia

#9596EB

Deuteranopia

#8C82EA

Tritanopia

#5DEAEA

Achromatopsia

#C9C9C9

CSS Usage

background-color: #56E7EC;
color: #56E7EC;
border-color: #56E7EC;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#91EFF3
400
#55E7EC
500
#1ADEE5
600
#15B2B7
700
#108E93
800
#0D6F73
900
#0E5153
950
#093335

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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