#9B356F

#9B356F

Color Values

HEX

#9B356F

RGB

155, 53, 111

HSL

325.9, 49.0%, 40.8%

HSV

325.9, 65.8%, 60.8%

CMYK

0.0%, 65.8%, 28.4%, 39.2%

OKLCH

0.4938 0.1491 348.8

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9B356F

#359B61

Analogous

#94359B

#9B353C

#9B356F

Triadic

#9B356F

#6F9B35

#356F9B

Split Complementary

#9B356F

#3C9B35

#359B94

Tetradic

#9B356F

#9B9435

#359B61

#353C9B

Color Blindness Simulation

Original

#9B356F

Protanopia

#6F6E61

Deuteranopia

#757C5E

Tritanopia

#965653

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADE
300
#E0A4C6
400
#CF72A7
500
#BE4188
600
#98346D
700
#7A2A57
800
#5F2144
900
#461B33
950
#2C1120

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026