#977AC7

#977AC7

Color Values

HEX

#977AC7

RGB

151, 122, 199

HSL

262.6, 40.7%, 62.9%

HSV

262.6, 38.7%, 78.0%

CMYK

24.1%, 38.7%, 0.0%, 22.0%

OKLCH

0.6376 0.1163 300.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#977AC7

#AAC77A

Analogous

#7A83C7

#BD7AC7

#977AC7

Triadic

#977AC7

#C7977A

#7AC797

Split Complementary

#977AC7

#C7BD7A

#83C77A

Tetradic

#977AC7

#C77A83

#AAC77A

#7AC7BD

Color Blindness Simulation

Original

#977AC7

Protanopia

#8A8AB4

Deuteranopia

#8C8EB0

Tritanopia

#96A6A2

Achromatopsia

#868686

CSS Usage

background-color: #977AC7;
color: #977AC7;
border-color: #977AC7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CDEA
300
#BCA9DB
400
#977AC7
500
#734CB3
600
#5C3C90
700
#493073
800
#39265A
900
#2C1F42
950
#1C132A

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026