#56AAA9

#56AAA9

Color Values

HEX

#56AAA9

RGB

86, 170, 169

HSL

179.3, 33.1%, 50.2%

HSV

179.3, 49.4%, 66.7%

CMYK

49.4%, 0.0%, 0.6%, 33.3%

OKLCH

0.6855 0.0817 194.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#56AAA9

#AA5657

Analogous

#56AA7F

#5681AA

#56AAA9

Triadic

#56AAA9

#A956AA

#AAA956

Split Complementary

#56AAA9

#AA5681

#AA7F56

Tetradic

#56AAA9

#7F56AA

#AA5657

#81AA56

Color Blindness Simulation

Original

#56AAA9

Protanopia

#7A7BA9

Deuteranopia

#766FA9

Tritanopia

#5AA9A9

Achromatopsia

#989898

CSS Usage

background-color: #56AAA9;
color: #56AAA9;
border-color: #56AAA9;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E7
300
#AED6D6
400
#81C0BF
500
#55AAA9
600
#448887
700
#376D6C
800
#2B5554
900
#223F3F
950
#152828

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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