#9B3660

#9B3660

Color Values

HEX

#9B3660

RGB

155, 54, 96

HSL

335.0, 48.3%, 41.0%

HSV

335.0, 65.2%, 60.8%

CMYK

0.0%, 65.2%, 38.1%, 39.2%

OKLCH

0.4894 0.1404 357.9

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#9B3660

#369B71

Analogous

#9B3693

#9B3E36

#9B3660

Triadic

#9B3660

#609B36

#36609B

Split Complementary

#9B3660

#369B3E

#36939B

Tetradic

#9B3660

#939B36

#369B71

#3E369B

Color Blindness Simulation

Original

#9B3660

Protanopia

#6F6E56

Deuteranopia

#757D53

Tritanopia

#964E4C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #9B3660;
color: #9B3660;
border-color: #9B3660;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EDCAD8
300
#DFA4BD
400
#CE7399
500
#BD4275
600
#97355E
700
#792A4B
800
#5F213B
900
#461B2D
950
#2C111C

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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