#977CAB

#977CAB

Color Values

HEX

#977CAB

RGB

151, 124, 171

HSL

274.5, 21.9%, 57.8%

HSV

274.5, 27.5%, 67.1%

CMYK

11.7%, 27.5%, 0.0%, 32.9%

OKLCH

0.6285 0.0755 310.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#977CAB

#90AB7C

Analogous

#7F7CAB

#AB7CA7

#977CAB

Triadic

#977CAB

#AB977C

#7CAB97

Split Complementary

#977CAB

#A7AB7C

#7CAB7F

Tetradic

#977CAB

#AB7F7C

#90AB7C

#7CA7AB

Color Blindness Simulation

Original

#977CAB

Protanopia

#8B8BA0

Deuteranopia

#8D8F9D

Tritanopia

#969795

Achromatopsia

#858585

CSS Usage

background-color: #977CAB;
color: #977CAB;
border-color: #977CAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DCD3E3
300
#C4B4CF
400
#A48CB5
500
#84649B
600
#69507C
700
#544063
800
#42324E
900
#32273A
950
#201925

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79: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