#4A3972

#4A3972

Color Values

HEX

#4A3972

RGB

74, 57, 114

HSL

257.9, 33.3%, 33.5%

HSV

257.9, 50.0%, 44.7%

CMYK

35.1%, 50.0%, 0.0%, 55.3%

OKLCH

0.3913 0.0947 295.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4A3972

#617239

Analogous

#394472

#663972

#4A3972

Triadic

#4A3972

#724A39

#39724A

Split Complementary

#4A3972

#726639

#447239

Tetradic

#4A3972

#723944

#617239

#397266

Color Blindness Simulation

Original

#4A3972

Protanopia

#434264

Deuteranopia

#444561

Tritanopia

#495957

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EBE8F2
200
#D7CFE7
300
#BAADD6
400
#9481C0
500
#6E55AA
600
#584488
700
#47366D
800
#372B55
900
#2B223F
950
#1B1528

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026