#9B486C

#9B486C

Color Values

HEX

#9B486C

RGB

155, 72, 108

HSL

334.0, 36.6%, 44.5%

HSV

334.0, 53.5%, 60.8%

CMYK

0.0%, 53.5%, 30.3%, 39.2%

OKLCH

0.5179 0.118 354.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#9B486C

#489B77

Analogous

#9B4895

#9B4D48

#9B486C

Triadic

#9B486C

#6C9B48

#486C9B

Split Complementary

#9B486C

#489B4D

#48959B

Tetradic

#9B486C

#959B48

#489B77

#4D489B

Color Blindness Simulation

Original

#9B486C

Protanopia

#777663

Deuteranopia

#7C8261

Tritanopia

#975C5B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CEDA
300
#D8ABBF
400
#C37E9C
500
#AE5179
600
#8B4161
700
#6F344E
800
#57283D
900
#40202E
950
#29151D

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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