#986AA8

#986AA8

Color Values

HEX

#986AA8

RGB

152, 106, 168

HSL

284.5, 26.3%, 53.7%

HSV

284.5, 36.9%, 65.9%

CMYK

9.5%, 36.9%, 0.0%, 34.1%

OKLCH

0.5948 0.1052 317.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#986AA8

#7AA86A

Analogous

#796AA8

#A86A99

#986AA8

Triadic

#986AA8

#A8986A

#6AA898

Split Complementary

#986AA8

#99A86A

#6AA879

Tetradic

#986AA8

#A8796A

#7AA86A

#6A99A8

Color Blindness Simulation

Original

#986AA8

Protanopia

#848499

Deuteranopia

#878A95

Tritanopia

#968D8B

Achromatopsia

#787878

CSS Usage

background-color: #986AA8;
color: #986AA8;
border-color: #986AA8;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D2E5
300
#CAB2D2
400
#AD88B9
500
#905EA1
600
#734B81
700
#5C3C67
800
#482F51
900
#36253C
950
#221726

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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