#977CDB

#977CDB

Color Values

HEX

#977CDB

RGB

151, 124, 219

HSL

257.1, 56.9%, 67.3%

HSV

257.1, 43.4%, 85.9%

CMYK

31.1%, 43.4%, 0.0%, 14.1%

OKLCH

0.6516 0.1399 295.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#977CDB

#C0DB7C

Analogous

#7C91DB

#C77CDB

#977CDB

Triadic

#977CDB

#DB977C

#7CDB97

Split Complementary

#977CDB

#DBC77C

#91DB7C

Tetradic

#977CDB

#DB7C91

#C0DB7C

#7CDBC7

Color Blindness Simulation

Original

#977CDB

Protanopia

#8B8BC4

Deuteranopia

#8D8FBE

Tritanopia

#96B2AE

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#E9E5F6
200
#D3C7F0
300
#B39FE5
400
#8A6BD6
500
#6037C8
600
#4D2CA0
700
#3E2380
800
#301B64
900
#261849
950
#180F2E

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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