#962C63

#962C63

Color Values

HEX

#962C63

RGB

150, 44, 99

HSL

328.9, 54.6%, 38.0%

HSV

328.9, 70.7%, 58.8%

CMYK

0.0%, 70.7%, 34.0%, 41.2%

OKLCH

0.4711 0.1508 352.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#962C63

#2C965F

Analogous

#942C96

#962C2E

#962C63

Triadic

#962C63

#63962C

#2C6396

Split Complementary

#962C63

#2E962C

#2C9694

Tetradic

#962C63

#96942C

#2C965F

#2C2E96

Color Blindness Simulation

Original

#962C63

Protanopia

#686756

Deuteranopia

#6E7652

Tritanopia

#914B49

Achromatopsia

#474747

CSS Usage

background-color: #962C63;
color: #962C63;
border-color: #962C63;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DC
300
#E3A0C3
400
#D46DA3
500
#C53A82
600
#9E2E68
700
#7E2553
800
#631D41
900
#481931
950
#2E101F

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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