#538AAC

#538AAC

Color Values

HEX

#538AAC

RGB

83, 138, 172

HSL

202.9, 34.9%, 50.0%

HSV

202.9, 51.7%, 67.5%

CMYK

51.7%, 19.8%, 0.0%, 32.5%

OKLCH

0.609 0.078 237.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#538AAC

#AC7553

Analogous

#53ACA1

#535EAC

#538AAC

Triadic

#538AAC

#AC538A

#8AAC53

Split Complementary

#538AAC

#AC535E

#ACA153

Tetradic

#538AAC

#A153AC

#AC7553

#5EAC53

Color Blindness Simulation

Original

#538AAC

Protanopia

#6B6BA4

Deuteranopia

#6864A2

Tritanopia

#569D9C

Achromatopsia

#818181

CSS Usage

background-color: #538AAC;
color: #538AAC;
border-color: #538AAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ACC7D7
400
#80A8C2
500
#538AAC
600
#426E8A
700
#35586E
800
#2A4556
900
#213440
950
#152128

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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