#9D4597

#9D4597

Color Values

HEX

#9D4597

RGB

157, 69, 151

HSL

304.1, 38.9%, 44.3%

HSV

304.1, 56.1%, 61.6%

CMYK

0.0%, 56.1%, 3.8%, 38.4%

OKLCH

0.5349 0.1555 330.2

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9D4597

#459D4B

Analogous

#77459D

#9D456B

#9D4597

Triadic

#9D4597

#979D45

#45979D

Split Complementary

#9D4597

#6B9D45

#459D77

Tetradic

#9D4597

#9D7745

#459D4B

#456B9D

Color Blindness Simulation

Original

#9D4597

Protanopia

#777683

Deuteranopia

#7C837E

Tritanopia

#997370

Achromatopsia

#5E5E5E

CSS Usage

background-color: #9D4597;
color: #9D4597;
border-color: #9D4597;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CDE7
300
#DAAAD6
400
#C57CC0
500
#B14EAA
600
#8E3E88
700
#71326D
800
#592755
900
#411F3F
950
#291428

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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