#4D386D

#4D386D

Color Values

HEX

#4D386D

RGB

77, 56, 109

HSL

263.8, 32.1%, 32.4%

HSV

263.8, 48.6%, 42.7%

CMYK

29.4%, 48.6%, 0.0%, 57.3%

OKLCH

0.3893 0.0897 300.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4D386D

#586D38

Analogous

#383E6D

#68386D

#4D386D

Triadic

#4D386D

#6D4D38

#386D4D

Split Complementary

#4D386D

#6D6838

#3E6D38

Tetradic

#4D386D

#6D383E

#586D38

#386D68

Color Blindness Simulation

Original

#4D386D

Protanopia

#444460

Deuteranopia

#45475D

Tritanopia

#4C5654

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BEAED5
400
#9A82BF
500
#7757A8
600
#5F4587
700
#4C376C
800
#3C2B54
900
#2E223E
950
#1D1627

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

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