#971FE0

#971FE0

Color Values

HEX

#971FE0

RGB

151, 31, 224

HSL

277.3, 75.7%, 50.0%

HSV

277.3, 86.2%, 87.8%

CMYK

32.6%, 86.2%, 0.0%, 12.2%

OKLCH

0.5404 0.2595 307.0

Properties

Cool Dark Nearest: darkviolet

Color Harmonies

Complementary

#971FE0

#68E01F

Analogous

#361FE0

#E01FC9

#971FE0

Triadic

#971FE0

#E0971F

#1FE097

Split Complementary

#971FE0

#C9E01F

#1FE036

Tetradic

#971FE0

#E0361F

#68E01F

#1FC9E0

Color Blindness Simulation

Original

#971FE0

Protanopia

#6362B1

Deuteranopia

#6A73A6

Tritanopia

#918C84

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E2F9
200
#E2C0F6
300
#CD93F0
400
#B259E8
500
#971FE0
600
#7919B3
700
#61148F
800
#4B0F70
900
#380F51
950
#240A33

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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