#975FAE

#975FAE

Color Values

HEX

#975FAE

RGB

151, 95, 174

HSL

282.5, 32.8%, 52.7%

HSV

282.5, 45.4%, 68.2%

CMYK

13.2%, 45.4%, 0.0%, 31.8%

OKLCH

0.5778 0.1314 315.5

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#975FAE

#76AE5F

Analogous

#6F5FAE

#AE5F9D

#975FAE

Triadic

#975FAE

#AE975F

#5FAE97

Split Complementary

#975FAE

#9DAE5F

#5FAE6F

Tetradic

#975FAE

#AE6F5F

#76AE5F

#5F9DAE

Color Blindness Simulation

Original

#975FAE

Protanopia

#7F7E9B

Deuteranopia

#828696

Tritanopia

#948C88

Achromatopsia

#717171

CSS Usage

background-color: #975FAE;
color: #975FAE;
border-color: #975FAE;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CAAED6
400
#AE82C0
500
#9156A9
600
#744587
700
#5D376C
800
#482B55
900
#36223F
950
#221628

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass 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