#5197AE

#5197AE

Color Values

HEX

#5197AE

RGB

81, 151, 174

HSL

194.8, 36.5%, 50.0%

HSV

194.8, 53.4%, 68.2%

CMYK

53.4%, 13.2%, 0.0%, 31.8%

OKLCH

0.6396 0.0783 221.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#5197AE

#AE6851

Analogous

#51AE96

#5169AE

#5197AE

Triadic

#5197AE

#AE5197

#97AE51

Split Complementary

#5197AE

#AE5169

#AE9651

Tetradic

#5197AE

#9651AE

#AE6851

#69AE51

Color Blindness Simulation

Original

#5197AE

Protanopia

#6F70A8

Deuteranopia

#6B66A7

Tritanopia

#54A4A3

Achromatopsia

#8A8A8A

CSS Usage

background-color: #5197AE;
color: #5197AE;
border-color: #5197AE;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F0F3
200
#CEE2E8
300
#ABCDD8
400
#7EB2C3
500
#5197AE
600
#41798B
700
#34616F
800
#284C57
900
#213940
950
#152429

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

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