#960152

#960152

Color Values

HEX

#960152

RGB

150, 1, 82

HSL

327.4, 98.7%, 29.6%

HSV

327.4, 99.3%, 58.8%

CMYK

0.0%, 99.3%, 45.3%, 41.2%

OKLCH

0.4379 0.1779 357.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#960152

#019645

Analogous

#900196

#960107

#960152

Triadic

#960152

#529601

#015296

Split Complementary

#960152

#079601

#019690

Tetradic

#960152

#969001

#019645

#010796

Color Blindness Simulation

Original

#960152

Protanopia

#55543E

Deuteranopia

#5E693A

Tritanopia

#8F2F2C

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DE
300
#FE85C7
400
#FE44A9
500
#FD028A
600
#CB016F
700
#A20159
800
#7F0145
900
#5B0534
950
#3A0321

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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