#9F2D87

#9F2D87

Color Values

HEX

#9F2D87

RGB

159, 45, 135

HSL

312.6, 55.9%, 40.0%

HSV

312.6, 71.7%, 62.4%

CMYK

0.0%, 71.7%, 15.1%, 37.6%

OKLCH

0.5027 0.1783 337.6

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#9F2D87

#2D9F45

Analogous

#7E2D9F

#9F2D4E

#9F2D87

Triadic

#9F2D87

#879F2D

#2D879F

Split Complementary

#9F2D87

#4E9F2D

#2D9F7E

Tetradic

#9F2D87

#9F7E2D

#2D9F45

#2D4E9F

Color Blindness Simulation

Original

#9F2D87

Protanopia

#6E6D71

Deuteranopia

#747D6C

Tritanopia

#99605C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F6E5F2
200
#EFC7E7
300
#E4A0D6
400
#D56CBF
500
#C738A9
600
#9F2D87
700
#7F246C
800
#631C54
900
#49183F
950
#2E0F28

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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