#4D6EB6

#4D6EB6

Color Values

HEX

#4D6EB6

RGB

77, 110, 182

HSL

221.1, 41.8%, 50.8%

HSV

221.1, 57.7%, 71.4%

CMYK

57.7%, 39.6%, 0.0%, 28.6%

OKLCH

0.5474 0.1191 264.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4D6EB6

#B6954D

Analogous

#4DA3B6

#614DB6

#4D6EB6

Triadic

#4D6EB6

#B64D6E

#6EB64D

Split Complementary

#4D6EB6

#B6614D

#A3B64D

Tetradic

#4D6EB6

#B64DA3

#B6954D

#4DB661

Color Blindness Simulation

Original

#4D6EB6

Protanopia

#5B5CA5

Deuteranopia

#5957A0

Tritanopia

#4F9794

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CCD6EA
300
#A8B8DB
400
#7992C8
500
#4A6CB5
600
#3B5691
700
#2F4574
800
#25365A
900
#1E2A43
950
#131A2A

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026