#977AB4

#977AB4

Color Values

HEX

#977AB4

RGB

151, 122, 180

HSL

270.0, 27.9%, 59.2%

HSV

270.0, 32.2%, 70.6%

CMYK

16.1%, 32.2%, 0.0%, 29.4%

OKLCH

0.6286 0.0909 306.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#977AB4

#97B47A

Analogous

#7A7AB4

#B47AB4

#977AB4

Triadic

#977AB4

#B4977A

#7AB497

Split Complementary

#977AB4

#B4B47A

#7AB47A

Tetradic

#977AB4

#B47A7A

#97B47A

#7AB4B4

Color Blindness Simulation

Original

#977AB4

Protanopia

#8A8AA6

Deuteranopia

#8C8EA3

Tritanopia

#969B98

Achromatopsia

#848484

CSS Usage

background-color: #977AB4;
color: #977AB4;
border-color: #977AB4;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DBD1E5
300
#C2B1D3
400
#A186BB
500
#805CA3
600
#664A82
700
#523B68
800
#402E52
900
#30243D
950
#1F1726

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.76:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026