#984F86

#984F86

Color Values

HEX

#984F86

RGB

152, 79, 134

HSL

314.8, 31.6%, 45.3%

HSV

314.8, 48.0%, 59.6%

CMYK

0.0%, 48.0%, 11.8%, 40.4%

OKLCH

0.5345 0.1202 337.2

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#984F86

#4F9861

Analogous

#864F98

#984F62

#984F86

Triadic

#984F86

#86984F

#4F8698

Split Complementary

#984F86

#62984F

#4F9886

Tetradic

#984F86

#98864F

#4F9861

#4F6298

Color Blindness Simulation

Original

#984F86

Protanopia

#787879

Deuteranopia

#7D8276

Tritanopia

#946E6C

Achromatopsia

#626262

CSS Usage

background-color: #984F86;
color: #984F86;
border-color: #984F86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F8
100
#F2E8F0
200
#E7D0E1
300
#D5AECC
400
#BE83B0
500
#A85794
600
#864676
700
#6B385F
800
#542C4A
900
#3E2337
950
#271623

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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