#986AD8

#986AD8

Color Values

HEX

#986AD8

RGB

152, 106, 216

HSL

265.1, 58.5%, 63.1%

HSV

265.1, 50.9%, 84.7%

CMYK

29.6%, 50.9%, 0.0%, 15.3%

OKLCH

0.62 0.1643 301.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#986AD8

#AAD86A

Analogous

#6A73D8

#CF6AD8

#986AD8

Triadic

#986AD8

#D8986A

#6AD898

Split Complementary

#986AD8

#D8CF6A

#73D86A

Tetradic

#986AD8

#D86A73

#AAD86A

#6AD8CF

Color Blindness Simulation

Original

#986AD8

Protanopia

#8484BD

Deuteranopia

#878AB7

Tritanopia

#96A8A4

Achromatopsia

#7C7C7C

CSS Usage

background-color: #986AD8;
color: #986AD8;
border-color: #986AD8;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D8C6F0
300
#BC9EE6
400
#9869D8
500
#7335CA
600
#5C2AA2
700
#4A2281
800
#3A1A65
900
#2C174A
950
#1C0E2F

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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