#4D7BA5

#4D7BA5

Color Values

HEX

#4D7BA5

RGB

77, 123, 165

HSL

208.6, 36.4%, 47.5%

HSV

208.6, 53.3%, 64.7%

CMYK

53.3%, 25.5%, 0.0%, 35.3%

OKLCH

0.5676 0.0827 247.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4D7BA5

#A5774D

Analogous

#4DA5A3

#4D4FA5

#4D7BA5

Triadic

#4D7BA5

#A54D7B

#7BA54D

Split Complementary

#4D7BA5

#A54D4F

#A5A34D

Tetradic

#4D7BA5

#A34DA5

#A5774D

#4FA54D

Color Blindness Simulation

Original

#4D7BA5

Protanopia

#61619B

Deuteranopia

#5E5B98

Tritanopia

#4F9391

Achromatopsia

#747474

CSS Usage

background-color: #4D7BA5;
color: #4D7BA5;
border-color: #4D7BA5;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC3D8
400
#7EA2C3
500
#5182AE
600
#41688B
700
#34536F
800
#294157
900
#213140
950
#151F29

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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