#96318D

#96318D

Color Values

HEX

#96318D

RGB

150, 49, 141

HSL

305.3, 50.8%, 39.0%

HSV

305.3, 67.3%, 58.8%

CMYK

0.0%, 67.3%, 6.0%, 41.2%

OKLCH

0.4958 0.1722 331.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#96318D

#31963A

Analogous

#6C3196

#96315B

#96318D

Triadic

#96318D

#8D9631

#318D96

Split Complementary

#96318D

#5B9631

#31966C

Tetradic

#96318D

#966C31

#31963A

#315B96

Color Blindness Simulation

Original

#96318D

Protanopia

#6A6977

Deuteranopia

#707871

Tritanopia

#916561

Achromatopsia

#4D4D4D

CSS Usage

background-color: #96318D;
color: #96318D;
border-color: #96318D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EDC9EA
300
#E1A3DB
400
#D171C8
500
#C03FB5
600
#9A3291
700
#7B2874
800
#601F5A
900
#471A43
950
#2D112A

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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