#975BA0

#975BA0

Color Values

HEX

#975BA0

RGB

151, 91, 160

HSL

292.2, 27.5%, 49.2%

HSV

292.2, 43.1%, 62.7%

CMYK

5.6%, 43.1%, 0.0%, 37.3%

OKLCH

0.5643 0.1228 322.2

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#975BA0

#64A05B

Analogous

#745BA0

#A05B86

#975BA0

Triadic

#975BA0

#A0975B

#5BA097

Split Complementary

#975BA0

#86A05B

#5BA074

Tetradic

#975BA0

#A0745B

#64A05B

#5B86A0

Color Blindness Simulation

Original

#975BA0

Protanopia

#7D7C8F

Deuteranopia

#80858B

Tritanopia

#94827F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E3D1E5
300
#CEB1D3
400
#B487BB
500
#995CA3
600
#7B4A82
700
#623B68
800
#4D2E51
900
#39243C
950
#241726

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026