#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026