#960D48

#960D48

Color Values

HEX

#960D48

RGB

150, 13, 72

HSL

334.2, 84.0%, 32.0%

HSV

334.2, 91.3%, 58.8%

CMYK

0.0%, 91.3%, 52.0%, 41.2%

OKLCH

0.439 0.1691 3.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#960D48

#0D965B

Analogous

#960D8D

#96170D

#960D48

Triadic

#960D48

#48960D

#0D4896

Split Complementary

#960D48

#0D9617

#0D8D96

Tetradic

#960D48

#8D960D

#0D965B

#170D96

Color Blindness Simulation

Original

#960D48

Protanopia

#5B593A

Deuteranopia

#636D36

Tritanopia

#8F2E2C

Achromatopsia

#2E2E2E

CSS Usage

background-color: #960D48;
color: #960D48;
border-color: #960D48;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF2F7
100
#FAE0EB
200
#F9BDD7
300
#F58EBB
400
#F05196
500
#EB1471
600
#BC105A
700
#960D48
800
#750A38
900
#550C2B
950
#36071B

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

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