#975EB5

#975EB5

Color Values

HEX

#975EB5

RGB

151, 94, 181

HSL

279.3, 37.0%, 53.9%

HSV

279.3, 48.1%, 71.0%

CMYK

16.6%, 48.1%, 0.0%, 29.0%

OKLCH

0.5799 0.1412 313.0

Properties

Cool Light Nearest: Vivid Violet

Color Harmonies

Complementary

#975EB5

#7CB55E

Analogous

#6B5EB5

#B55EA7

#975EB5

Triadic

#975EB5

#B5975E

#5EB597

Split Complementary

#975EB5

#A7B55E

#5EB56B

Tetradic

#975EB5

#B56B5E

#7CB55E

#5EA7B5

Color Blindness Simulation

Original

#975EB5

Protanopia

#7E7EA0

Deuteranopia

#82869B

Tritanopia

#948F8C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE9
300
#C9ABD8
400
#AB7EC4
500
#8E50AF
600
#72408C
700
#5B3370
800
#472857
900
#352041
950
#221429

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026