#9F2F93

#9F2F93

Color Values

HEX

#9F2F93

RGB

159, 47, 147

HSL

306.4, 54.4%, 40.4%

HSV

306.4, 70.4%, 62.4%

CMYK

0.0%, 70.4%, 7.5%, 37.6%

OKLCH

0.5107 0.1847 332.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#9F2F93

#2F9F3B

Analogous

#732F9F

#9F2F5B

#9F2F93

Triadic

#9F2F93

#939F2F

#2F939F

Split Complementary

#9F2F93

#5B9F2F

#2F9F73

Tetradic

#9F2F93

#9F732F

#2F9F3B

#2F5B9F

Color Blindness Simulation

Original

#9F2F93

Protanopia

#6E6E7B

Deuteranopia

#757D75

Tritanopia

#996864

Achromatopsia

#4E4E4E

CSS Usage

background-color: #9F2F93;
color: #9F2F93;
border-color: #9F2F93;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EB
300
#E3A1DC
400
#D46DC9
500
#C53AB6
600
#9D2F92
700
#7E2575
800
#621D5B
900
#481943
950
#2E102A

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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