#975AB0

#975AB0

Color Values

HEX

#975AB0

RGB

151, 90, 176

HSL

282.6, 35.2%, 52.2%

HSV

282.6, 48.9%, 69.0%

CMYK

14.2%, 48.9%, 0.0%, 31.0%

OKLCH

0.5708 0.1423 315.4

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#975AB0

#73B05A

Analogous

#6C5AB0

#B05A9E

#975AB0

Triadic

#975AB0

#B0975A

#5AB097

Split Complementary

#975AB0

#9EB05A

#5AB06C

Tetradic

#975AB0

#B06C5A

#73B05A

#5A9EB0

Color Blindness Simulation

Original

#975AB0

Protanopia

#7D7C9B

Deuteranopia

#808596

Tritanopia

#948B87

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E1CFE8
300
#CBACD7
400
#AF7FC2
500
#9253AC
600
#75428A
700
#5E356E
800
#492956
900
#372140
950
#231528

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026