#971D93

#971D93

Color Values

HEX

#971D93

RGB

151, 29, 147

HSL

302.0, 67.8%, 35.3%

HSV

302.0, 80.8%, 59.2%

CMYK

0.0%, 80.8%, 2.6%, 40.8%

OKLCH

0.4839 0.1994 329.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#971D93

#1D9721

Analogous

#5E1D97

#971D56

#971D93

Triadic

#971D93

#93971D

#1D9397

Split Complementary

#971D93

#56971D

#1D975E

Tetradic

#971D93

#975E1D

#1D9721

#1D5697

Color Blindness Simulation

Original

#971D93

Protanopia

#626176

Deuteranopia

#697270

Tritanopia

#91605B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F4C3F2
300
#EB98E9
400
#E161DC
500
#D629D0
600
#AB21A7
700
#891A85
800
#6B1568
900
#4E134C
950
#310C30

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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