#5577B4

#5577B4

Color Values

HEX

#5577B4

RGB

85, 119, 180

HSL

218.5, 38.8%, 52.0%

HSV

218.5, 52.8%, 70.6%

CMYK

52.8%, 33.9%, 0.0%, 29.4%

OKLCH

0.5707 0.1026 261.5

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#5577B4

#B49255

Analogous

#55A7B4

#6355B4

#5577B4

Triadic

#5577B4

#B45577

#77B455

Split Complementary

#5577B4

#B46355

#A7B455

Tetradic

#5577B4

#B455A7

#B49255

#55B463

Color Blindness Simulation

Original

#5577B4

Protanopia

#6464A5

Deuteranopia

#625FA2

Tritanopia

#579A97

Achromatopsia

#747474

CSS Usage

background-color: #5577B4;
color: #5577B4;
border-color: #5577B4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CDD7E9
300
#AABBDA
400
#7C96C5
500
#4E71B1
600
#3E5B8E
700
#324971
800
#273958
900
#202C41
950
#141C29

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.68:1

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