#56C1C2

#56C1C2

Color Values

HEX

#56C1C2

RGB

86, 193, 194

HSL

180.6, 47.0%, 54.9%

HSV

180.6, 55.7%, 76.1%

CMYK

55.7%, 0.5%, 0.0%, 23.9%

OKLCH

0.7493 0.0979 196.1

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#56C1C2

#C25756

Analogous

#56C28D

#568BC2

#56C1C2

Triadic

#56C1C2

#C256C1

#C1C256

Split Complementary

#56C1C2

#C2568B

#C28D56

Tetradic

#56C1C2

#8D56C2

#C25756

#8BC256

Color Blindness Simulation

Original

#56C1C2

Protanopia

#8485C2

Deuteranopia

#7E76C2

Tritanopia

#5BC2C2

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEC
300
#A5DEDF
400
#74CCCD
500
#44BABB
600
#369596
700
#2B7778
800
#225D5E
900
#1C4545
950
#122B2C

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.8:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026