#4D226D

#4D226D

Color Values

HEX

#4D226D

RGB

77, 34, 109

HSL

274.4, 52.4%, 28.0%

HSV

274.4, 68.8%, 42.7%

CMYK

29.4%, 68.8%, 0.0%, 57.3%

OKLCH

0.3522 0.1269 307.4

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#4D226D

#426D22

Analogous

#27226D

#6D2267

#4D226D

Triadic

#4D226D

#6D4D22

#226D4D

Split Complementary

#4D226D

#676D22

#226D27

Tetradic

#4D226D

#6D2722

#426D22

#22676D

Color Blindness Simulation

Original

#4D226D

Protanopia

#3A3A5B

Deuteranopia

#3D4056

Tritanopia

#4B4D49

Achromatopsia

#313131

CSS Usage

background-color: #4D226D;
color: #4D226D;
border-color: #4D226D;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC9EE
300
#C7A2E2
400
#A86FD2
500
#893DC2
600
#6E319B
700
#58277C
800
#451E61
900
#341A47
950
#21102D

Contrast Checker

Text on white

11.9:1

AA Pass AAA Pass

Text on black

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