#4D7DA6

#4D7DA6

Color Values

HEX

#4D7DA6

RGB

77, 125, 166

HSL

207.6, 36.6%, 47.6%

HSV

207.6, 53.6%, 65.1%

CMYK

53.6%, 24.7%, 0.0%, 34.9%

OKLCH

0.5728 0.0824 245.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4D7DA6

#A6764D

Analogous

#4DA6A2

#4D51A6

#4D7DA6

Triadic

#4D7DA6

#A64D7D

#7DA64D

Split Complementary

#4D7DA6

#A64D51

#A6A24D

Tetradic

#4D7DA6

#A24DA6

#A6764D

#51A64D

Color Blindness Simulation

Original

#4D7DA6

Protanopia

#62629C

Deuteranopia

#5F5B9A

Tritanopia

#4F9493

Achromatopsia

#767676

CSS Usage

background-color: #4D7DA6;
color: #4D7DA6;
border-color: #4D7DA6;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDCE8
300
#ABC4D8
400
#7EA3C3
500
#5183AE
600
#41698B
700
#34546F
800
#284257
900
#203240
950
#151F29

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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