#9C4572

#9C4572

Color Values

HEX

#9C4572

RGB

156, 69, 114

HSL

329.0, 38.7%, 44.1%

HSV

329.0, 55.8%, 61.2%

CMYK

0.0%, 55.8%, 26.9%, 38.8%

OKLCH

0.5172 0.1271 350.2

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#9C4572

#459C6F

Analogous

#9B459C

#9C4546

#9C4572

Triadic

#9C4572

#729C45

#45729C

Split Complementary

#9C4572

#469C45

#459C9B

Tetradic

#9C4572

#9C9B45

#459C6F

#45469C

Color Blindness Simulation

Original

#9C4572

Protanopia

#767667

Deuteranopia

#7B8264

Tritanopia

#985F5D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CDDC
300
#D9AAC3
400
#C57CA2
500
#B14E81
600
#8D3F67
700
#713253
800
#582741
900
#412031
950
#29141F

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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