#9C4875

#9C4875

Color Values

HEX

#9C4875

RGB

156, 72, 117

HSL

327,9, 36,8%, 44,7%

HSV

327,9, 53,8%, 61,2%

CMYK

0,0%, 53,8%, 25,0%, 38,8%

OKLCH

0,5226 0,1238 348,9

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#9C4875

#489C6F

Analogous

#99489C

#9C484B

#9C4875

Triadic

#9C4875

#759C48

#48759C

Split Complementary

#9C4875

#4B9C48

#489C99

Tetradic

#9C4875

#9C9948

#489C6F

#484B9C

Color Blindness Simulation

Original

#9C4875

Protanopia

#78776A

Deuteranopia

#7C8367

Tritanopia

#986260

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CEDC
300
#D8ABC3
400
#C37EA3
500
#AE5183
600
#8C4069
700
#703454
800
#572841
900
#402032
950
#29141F

Contrast Checker

Text on white

5,84:1

AA Pass AAA Fail

Text on black

3,6: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