#5396AC

#5396AC

Color Values

HEX

#5396AC

RGB

83, 150, 172

HSL

194.8, 34.9%, 50.0%

HSV

194.8, 51.7%, 67.5%

CMYK

51.7%, 12.8%, 0.0%, 32.5%

OKLCH

0.6373 0.0756 221.5

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#5396AC

#AC6953

Analogous

#53AC95

#536AAC

#5396AC

Triadic

#5396AC

#AC5396

#96AC53

Split Complementary

#5396AC

#AC536A

#AC9553

Tetradic

#5396AC

#9553AC

#AC6953

#6AAC53

Color Blindness Simulation

Original

#5396AC

Protanopia

#7071A7

Deuteranopia

#6C67A5

Tritanopia

#56A2A2

Achromatopsia

#898989

CSS Usage

background-color: #5396AC;
color: #5396AC;
border-color: #5396AC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8F0F2
200
#CFE2E8
300
#ACCDD7
400
#80B1C2
500
#5396AC
600
#42788A
700
#35606E
800
#2A4B56
900
#213840
950
#152328

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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