#975CCC

#975CCC

Color Values

HEX

#975CCC

RGB

151, 92, 204

HSL

271.6, 52.3%, 58.0%

HSV

271.6, 54.9%, 80.0%

CMYK

26.0%, 54.9%, 0.0%, 20.0%

OKLCH

0.5898 0.1713 306.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#975CCC

#91CC5C

Analogous

#5F5CCC

#CC5CC9

#975CCC

Triadic

#975CCC

#CC975C

#5CCC97

Split Complementary

#975CCC

#C9CC5C

#5CCC5F

Tetradic

#975CCC

#CC5F5C

#91CC5C

#5CC9CC

Color Blindness Simulation

Original

#975CCC

Protanopia

#7D7DB1

Deuteranopia

#8185AA

Tritanopia

#949B97

Achromatopsia

#717171

CSS Usage

background-color: #975CCC;
color: #975CCC;
border-color: #975CCC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DCC9EE
300
#C4A2E2
400
#A36FD2
500
#833DC2
600
#69319B
700
#54277C
800
#421E61
900
#321A47
950
#1F102D

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026