#971AE5

#971AE5

Color Values

HEX

#971AE5

RGB

151, 26, 229

HSL

276.9, 79.6%, 50.0%

HSV

276.9, 88.6%, 89.8%

CMYK

34.1%, 88.6%, 0.0%, 10.2%

OKLCH

0.542 0.2664 306.1

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#971AE5

#68E51A

Analogous

#311AE5

#E51ACE

#971AE5

Triadic

#971AE5

#E5971A

#1AE597

Split Complementary

#971AE5

#CEE51A

#1AE531

Tetradic

#971AE5

#E5311A

#68E51A

#1ACEE5

Color Blindness Simulation

Original

#971AE5

Protanopia

#6160B4

Deuteranopia

#6871A8

Tritanopia

#918D85

Achromatopsia

#434343

CSS Usage

background-color: #971AE5;
color: #971AE5;
border-color: #971AE5;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BFF8
300
#CD91F3
400
#B256EC
500
#971AE5
600
#7915B7
700
#611193
800
#4B0D72
900
#380E53
950
#240935

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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