#9B3182

#9B3182

Color Values

HEX

#9B3182

RGB

155, 49, 130

HSL

314.2, 52.0%, 40.0%

HSV

314.2, 68.4%, 60.8%

CMYK

0.0%, 68.4%, 16.1%, 39.2%

OKLCH

0.4979 0.167 338.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9B3182

#319B4A

Analogous

#7F319B

#9B314D

#9B3182

Triadic

#9B3182

#829B31

#31829B

Split Complementary

#9B3182

#4D9B31

#319B7F

Tetradic

#9B3182

#9B7F31

#319B4A

#314D9B

Color Blindness Simulation

Original

#9B3182

Protanopia

#6D6C6E

Deuteranopia

#737B6A

Tritanopia

#965F5C

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E5F1
200
#EEC9E5
300
#E2A2D3
400
#D270BA
500
#C23DA2
600
#9B3182
700
#7C2768
800
#611F51
900
#471A3C
950
#2D1026

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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