#987CC5

#987CC5

Color Values

HEX

#987CC5

RGB

152, 124, 197

HSL

263.0, 38.6%, 62.9%

HSV

263.0, 37.1%, 77.3%

CMYK

22.8%, 37.1%, 0.0%, 22.7%

OKLCH

0.6412 0.1105 301.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#987CC5

#A9C57C

Analogous

#7C84C5

#BC7CC5

#987CC5

Triadic

#987CC5

#C5987C

#7CC598

Split Complementary

#987CC5

#C5BC7C

#84C57C

Tetradic

#987CC5

#C57C84

#A9C57C

#7CC5BC

Color Blindness Simulation

Original

#987CC5

Protanopia

#8C8CB3

Deuteranopia

#8E90AF

Tritanopia

#97A5A2

Achromatopsia

#878787

CSS Usage

background-color: #987CC5;
color: #987CC5;
border-color: #987CC5;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CEE9
300
#BCAAD9
400
#987CC5
500
#744EB1
600
#5D3F8D
700
#4A3271
800
#3A2758
900
#2D2041
950
#1C1429

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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