#986DC4

#986DC4

Color Values

HEX

#986DC4

RGB

152, 109, 196

HSL

269.7, 42.4%, 59.8%

HSV

269.7, 44.4%, 76.9%

CMYK

22.4%, 44.4%, 0.0%, 23.1%

OKLCH

0.6139 0.1344 305.6

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#986DC4

#99C46D

Analogous

#6D6DC4

#C46DC4

#986DC4

Triadic

#986DC4

#C4986D

#6DC498

Split Complementary

#986DC4

#C4C46D

#6DC46D

Tetradic

#986DC4

#C46D6D

#99C46D

#6DC4C4

Color Blindness Simulation

Original

#986DC4

Protanopia

#8585AF

Deuteranopia

#888BAA

Tritanopia

#969E9B

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEA
300
#C2A8DC
400
#A079C9
500
#7F49B6
600
#663B91
700
#512F74
800
#3F255B
900
#301E43
950
#1E132A

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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