#975FB0

#975FB0

Color Values

HEX

#975FB0

RGB

151, 95, 176

HSL

281.5, 33.9%, 53.1%

HSV

281.5, 46.0%, 69.0%

CMYK

14.2%, 46.0%, 0.0%, 31.0%

OKLCH

0.5788 0.1337 314.7

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#975FB0

#78B05F

Analogous

#6E5FB0

#B05FA0

#975FB0

Triadic

#975FB0

#B0975F

#5FB097

Split Complementary

#975FB0

#A0B05F

#5FB06E

Tetradic

#975FB0

#B06E5F

#78B05F

#5FA0B0

Color Blindness Simulation

Original

#975FB0

Protanopia

#7F7E9C

Deuteranopia

#828698

Tritanopia

#948D8A

Achromatopsia

#717171

CSS Usage

background-color: #975FB0;
color: #975FB0;
border-color: #975FB0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE7
300
#CAADD7
400
#AD81C1
500
#9054AB
600
#734389
700
#5C366D
800
#482A55
900
#36223F
950
#221528

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

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