#5271B3

#5271B3

Color Values

HEX

#5271B3

RGB

82, 113, 179

HSL

220.8, 39.0%, 51.2%

HSV

220.8, 54.2%, 70.2%

CMYK

54.2%, 36.9%, 0.0%, 29.8%

OKLCH

0.5551 0.1093 264.1

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#5271B3

#B39452

Analogous

#52A2B3

#6352B3

#5271B3

Triadic

#5271B3

#B35271

#71B352

Split Complementary

#5271B3

#B36352

#A2B352

Tetradic

#5271B3

#B352A2

#B39452

#52B363

Color Blindness Simulation

Original

#5271B3

Protanopia

#5F60A3

Deuteranopia

#5E5B9F

Tritanopia

#549694

Achromatopsia

#6F6F6F

CSS Usage

background-color: #5271B3;
color: #5271B3;
border-color: #5271B3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD6E9
300
#AAB9DA
400
#7C93C5
500
#4E6EB1
600
#3E588E
700
#324671
800
#273759
900
#1F2A41
950
#141B29

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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