#960652

#960652

Color Values

HEX

#960652

RGB

150, 6, 82

HSL

328,3, 92,3%, 30,6%

HSV

328,3, 96,0%, 58,8%

CMYK

0,0%, 96,0%, 45,3%, 41,2%

OKLCH

0,4397 0,1756 358,0

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#960652

#06964A

Analogous

#920696

#96060A

#960652

Triadic

#960652

#529606

#065296

Split Complementary

#960652

#0A9606

#069692

Tetradic

#960652

#969206

#06964A

#060A96

Color Blindness Simulation

Original

#960652

Protanopia

#585640

Deuteranopia

#606B3B

Tritanopia

#8F312E

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FA89C5
400
#F84AA6
500
#F50A86
600
#C4086B
700
#9D0656
800
#7B0543
900
#590833
950
#380520

Contrast Checker

Text on white

8,59:1

AA Pass AAA Pass

Text on black

2,44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026