#9F4675

#9F4675

Color Values

HEX

#9F4675

RGB

159, 70, 117

HSL

328.3, 38.9%, 44.9%

HSV

328.3, 56.0%, 62.4%

CMYK

0.0%, 56.0%, 26.4%, 37.6%

OKLCH

0.5241 0.13 349.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#9F4675

#469F70

Analogous

#9D469F

#9F4648

#9F4675

Triadic

#9F4675

#759F46

#46759F

Split Complementary

#9F4675

#489F46

#469F9D

Tetradic

#9F4675

#9F9D46

#469F70

#46489F

Color Blindness Simulation

Original

#9F4675

Protanopia

#78786A

Deuteranopia

#7E8467

Tritanopia

#9B615F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CDDC
300
#DAAAC3
400
#C57CA3
500
#B14E82
600
#8E3E68
700
#713253
800
#592741
900
#411F31
950
#29141F

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026