#986699

#986699

Color Values

HEX

#986699

RGB

152, 102, 153

HSL

298.8, 20.0%, 50.0%

HSV

298.8, 33.3%, 60.0%

CMYK

0.7%, 33.3%, 0.0%, 40.0%

OKLCH

0.5811 0.0957 326.1

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#986699

#679966

Analogous

#7E6699

#996681

#986699

Triadic

#986699

#999866

#669998

Split Complementary

#986699

#819966

#66997E

Tetradic

#986699

#997E66

#679966

#668199

Color Blindness Simulation

Original

#986699

Protanopia

#82828D

Deuteranopia

#85898A

Tritanopia

#968381

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E2D4E2
300
#CEB6CE
400
#B38EB4
500
#986699
600
#7A527A
700
#614162
800
#4C334D
900
#392839
950
#241924

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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