#986FA6

#986FA6

Color Values

HEX

#986FA6

RGB

152, 111, 166

HSL

284.7, 23.6%, 54.3%

HSV

284.7, 33.1%, 65.1%

CMYK

8.4%, 33.1%, 0.0%, 34.9%

OKLCH

0.6029 0.0936 317.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#986FA6

#7DA66F

Analogous

#7C6FA6

#A66F98

#986FA6

Triadic

#986FA6

#A6986F

#6FA698

Split Complementary

#986FA6

#98A66F

#6FA67C

Tetradic

#986FA6

#A67C6F

#7DA66F

#6F98A6

Color Blindness Simulation

Original

#986FA6

Protanopia

#868699

Deuteranopia

#898C96

Tritanopia

#968E8C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#DFD3E4
300
#C9B3D0
400
#AC8AB7
500
#8E619E
600
#724E7E
700
#5B3E65
800
#47314F
900
#35263B
950
#221825

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026