#4D6AB2

#4D6AB2

Color Values

HEX

#4D6AB2

RGB

77, 106, 178

HSL

222.8, 39.6%, 50.0%

HSV

222.8, 56.7%, 69.8%

CMYK

56.7%, 40.4%, 0.0%, 30.2%

OKLCH

0.5363 0.1182 266.0

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4D6AB2

#B2954D

Analogous

#4D9CB2

#634DB2

#4D6AB2

Triadic

#4D6AB2

#B24D6A

#6AB24D

Split Complementary

#4D6AB2

#B2634D

#9CB24D

Tetradic

#4D6AB2

#B24D9C

#B2954D

#4DB263

Color Blindness Simulation

Original

#4D6AB2

Protanopia

#5A5AA1

Deuteranopia

#58569C

Tritanopia

#4E9390

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD5E9
300
#AAB7DA
400
#7B91C6
500
#4D6AB2
600
#3E558E
700
#314472
800
#273559
900
#1F2942
950
#141A2A

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026