#986993

#986993

Color Values

HEX

#986993

RGB

152, 105, 147

HSL

306.4, 18.6%, 50.4%

HSV

306.4, 30.9%, 59.6%

CMYK

0.0%, 30.9%, 3.3%, 40.4%

OKLCH

0.584 0.0839 330.3

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#986993

#69986E

Analogous

#866998

#98697C

#986993

Triadic

#986993

#939869

#699398

Split Complementary

#986993

#7C9869

#699886

Tetradic

#986993

#988669

#69986E

#697C98

Color Blindness Simulation

Original

#986993

Protanopia

#848389

Deuteranopia

#868A86

Tritanopia

#96817F

Achromatopsia

#767676

CSS Usage

background-color: #986993;
color: #986993;
border-color: #986993;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5E1
300
#CDB6CB
400
#B28FAE
500
#976892
600
#795375
700
#61425E
800
#4C3449
900
#392837
950
#241923

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026