#962996

#962996

Color Values

HEX

#962996

RGB

150, 41, 150

HSL

300.0, 57.1%, 37.5%

HSV

300.0, 72.7%, 58.8%

CMYK

0.0%, 72.7%, 0.0%, 41.2%

OKLCH

0.4932 0.1893 328.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#962996

#299629

Analogous

#602996

#962960

#962996

Triadic

#962996

#969629

#299696

Split Complementary

#962996

#609629

#299660

Tetradic

#962996

#966029

#299629

#296096

Color Blindness Simulation

Original

#962996

Protanopia

#67667C

Deuteranopia

#6D7575

Tritanopia

#916762

Achromatopsia

#484848

CSS Usage

background-color: #962996;
color: #962996;
border-color: #962996;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C7F0
300
#E59FE5
400
#D76BD7
500
#C837C8
600
#A02CA0
700
#802380
800
#641B64
900
#491849
950
#2E0F2E

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026