#96188F

#96188F

Color Values

HEX

#96188F

RGB

150, 24, 143

HSL

303.3, 72.4%, 34.1%

HSV

303.3, 84.0%, 58.8%

CMYK

0.0%, 84.0%, 4.7%, 41.2%

OKLCH

0.4769 0.2 330.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#96188F

#18961F

Analogous

#5E1896

#961850

#96188F

Triadic

#96188F

#8F9618

#188F96

Split Complementary

#96188F

#509618

#18965E

Tetradic

#96188F

#965E18

#18961F

#185096

Color Blindness Simulation

Original

#96188F

Protanopia

#5F5E72

Deuteranopia

#67706B

Tritanopia

#905B56

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F7
200
#F5C1F2
300
#EE95E9
400
#E55CDD
500
#DC23D2
600
#B01CA8
700
#8D1786
800
#6E1269
900
#50114D
950
#330B30

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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