#4571A5

#4571A5

Color Values

HEX

#4571A5

RGB

69, 113, 165

HSL

212.5, 41.0%, 45.9%

HSV

212.5, 58.2%, 64.7%

CMYK

58.2%, 31.5%, 0.0%, 35.3%

OKLCH

0.5402 0.0955 253.6

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#4571A5

#A57945

Analogous

#45A1A5

#4945A5

#4571A5

Triadic

#4571A5

#A54571

#71A545

Split Complementary

#4571A5

#A54945

#A1A545

Tetradic

#4571A5

#A545A1

#A57945

#45A549

Color Blindness Simulation

Original

#4571A5

Protanopia

#585898

Deuteranopia

#565295

Tritanopia

#478E8C

Achromatopsia

#6B6B6B

CSS Usage

background-color: #4571A5;
color: #4571A5;
border-color: #4571A5;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAEA
300
#A9C0DB
400
#7A9DC7
500
#4B7BB4
600
#3C6390
700
#304F73
800
#263E5A
900
#1F2F42
950
#131E2A

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026