#977EB0

#977EB0

Color Values

HEX

#977EB0

RGB

151, 126, 176

HSL

270.0, 24.0%, 59.2%

HSV

270.0, 28.4%, 69.0%

CMYK

14.2%, 28.4%, 0.0%, 31.0%

OKLCH

0.6345 0.0785 307.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#977EB0

#97B07E

Analogous

#7E7EB0

#B07EB0

#977EB0

Triadic

#977EB0

#B0977E

#7EB097

Split Complementary

#977EB0

#B0B07E

#7EB07E

Tetradic

#977EB0

#B07E7E

#97B07E

#7EB0B0

Color Blindness Simulation

Original

#977EB0

Protanopia

#8C8CA4

Deuteranopia

#8E90A1

Tritanopia

#969A98

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DBD3E4
300
#C2B3D0
400
#A18AB7
500
#80619E
600
#664E7E
700
#523E65
800
#40304F
900
#30263B
950
#1F1825

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026