#960F8F

#960F8F

Color Values

HEX

#960F8F

RGB

150, 15, 143

HSL

303,1, 81,8%, 32,4%

HSV

303,1, 90,0%, 58,8%

CMYK

0,0%, 90,0%, 4,7%, 41,2%

OKLCH

0,4726 0,2058 330,8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#960F8F

#0F9616

Analogous

#5A0F96

#960F4C

#960F8F

Triadic

#960F8F

#8F960F

#0F8F96

Split Complementary

#960F8F

#4C960F

#0F965A

Tetradic

#960F8F

#965A0F

#0F9616

#0F4C96

Color Blindness Simulation

Original

#960F8F

Protanopia

#5C5A70

Deuteranopia

#636E69

Tritanopia

#8F5852

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F8
200
#F9BEF5
300
#F490EF
400
#EE53E6
500
#E817DD
600
#B913B1
700
#940F8D
800
#740C6F
900
#540D50
950
#350833

Contrast Checker

Text on white

7,6:1

AA Pass AAA Pass

Text on black

2,76: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