#4D2677

#4D2677

Color Values

HEX

#4D2677

RGB

77, 38, 119

HSL

268.9, 51.6%, 30.8%

HSV

268.9, 68.1%, 46.7%

CMYK

35.3%, 68.1%, 0.0%, 53.3%

OKLCH

0.3656 0.133 302.4

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#4D2677

#507726

Analogous

#262777

#762677

#4D2677

Triadic

#4D2677

#774D26

#26774D

Split Complementary

#4D2677

#777626

#277726

Tetradic

#4D2677

#772627

#507726

#267776

Color Blindness Simulation

Original

#4D2677

Protanopia

#3C3C63

Deuteranopia

#3E415F

Tritanopia

#4B5451

Achromatopsia

#343434

CSS Usage

background-color: #4D2677;
color: #4D2677;
border-color: #4D2677;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9EE
300
#C1A2E1
400
#9F70D1
500
#7D3EC1
600
#64319B
700
#50277C
800
#3F1F61
900
#301A47
950
#1E102D

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

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