#5471AB

#5471AB

Color Values

HEX

#5471AB

RGB

84, 113, 171

HSL

220.0, 34.1%, 50.0%

HSV

220.0, 50.9%, 67.1%

CMYK

50.9%, 33.9%, 0.0%, 32.9%

OKLCH

0.5519 0.0971 263.3

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#5471AB

#AB8E54

Analogous

#549CAB

#6354AB

#5471AB

Triadic

#5471AB

#AB5471

#71AB54

Split Complementary

#5471AB

#AB6354

#9CAB54

Tetradic

#5471AB

#AB549C

#AB8E54

#54AB63

Color Blindness Simulation

Original

#5471AB

Protanopia

#61619D

Deuteranopia

#5F5D9A

Tritanopia

#55928F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #5471AB;
color: #5471AB;
border-color: #5471AB;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD7
400
#8096C1
500
#5471AB
600
#435A89
700
#36486D
800
#2A3955
900
#222B3F
950
#151B28

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail 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