#4D4777

#4D4777

Color Values

HEX

#4D4777

RGB

77, 71, 119

HSL

247.5, 25.3%, 37.3%

HSV

247.5, 40.3%, 46.7%

CMYK

35.3%, 40.3%, 0.0%, 53.3%

OKLCH

0.4259 0.0785 288.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#4D4777

#717747

Analogous

#475977

#654777

#4D4777

Triadic

#4D4777

#774D47

#47774D

Split Complementary

#4D4777

#776547

#597747

Tetradic

#4D4777

#774759

#717747

#477765

Color Blindness Simulation

Original

#4D4777

Protanopia

#4A4A6B

Deuteranopia

#4B4B69

Tritanopia

#4D6260

Achromatopsia

#4C4C4C

CSS Usage

background-color: #4D4777;
color: #4D4777;
border-color: #4D4777;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D5D2E4
300
#B6B2D1
400
#8F89B9
500
#675FA0
600
#534C80
700
#423D66
800
#343050
900
#28253B
950
#191826

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

2.48:1

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