#962E98

#962E98

Color Values

HEX

#962E98

RGB

150, 46, 152

HSL

298.9, 53.5%, 38.8%

HSV

298.9, 69.7%, 59.6%

CMYK

1.3%, 69.7%, 0.0%, 40.4%

OKLCH

0.499 0.1851 327.1

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#962E98

#30982E

Analogous

#612E98

#982E65

#962E98

Triadic

#962E98

#98962E

#2E9896

Split Complementary

#962E98

#65982E

#2E9861

Tetradic

#962E98

#98612E

#30982E

#2E6598

Color Blindness Simulation

Original

#962E98

Protanopia

#69687E

Deuteranopia

#6F7778

Tritanopia

#916A66

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC8EE
300
#E1A1E3
400
#D16ED3
500
#C13BC4
600
#9B2F9D
700
#7C267D
800
#611E62
900
#471948
950
#2D102D

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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