#5472AF

#5472AF

Color Values

HEX

#5472AF

RGB

84, 114, 175

HSL

220.2, 36.3%, 50.8%

HSV

220.2, 52.0%, 68.6%

CMYK

52.0%, 34.9%, 0.0%, 31.4%

OKLCH

0.5563 0.1016 263.5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#5472AF

#AF9154

Analogous

#54A0AF

#6354AF

#5472AF

Triadic

#5472AF

#AF5472

#72AF54

Split Complementary

#5472AF

#AF6354

#A0AF54

Tetradic

#5472AF

#AF54A0

#AF9154

#54AF63

Color Blindness Simulation

Original

#5472AF

Protanopia

#6161A0

Deuteranopia

#5F5D9D

Tritanopia

#569592

Achromatopsia

#707070

CSS Usage

background-color: #5472AF;
color: #5472AF;
border-color: #5472AF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EBF3
200
#CED7E8
300
#ACBAD8
400
#7E95C3
500
#5170AE
600
#41598B
700
#34486F
800
#293857
900
#212B40
950
#151B29

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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