#984295

#984295

Color Values

HEX

#984295

RGB

152, 66, 149

HSL

302.1, 39.4%, 42.7%

HSV

302.1, 56.6%, 59.6%

CMYK

0.0%, 56.6%, 2.0%, 40.4%

OKLCH

0.523 0.1553 328.9

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#984295

#429845

Analogous

#704298

#98426A

#984295

Triadic

#984295

#959842

#429598

Split Complementary

#984295

#6A9842

#429870

Tetradic

#984295

#987042

#429845

#426A98

Color Blindness Simulation

Original

#984295

Protanopia

#737281

Deuteranopia

#787E7C

Tritanopia

#94716E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDE8
300
#DAAAD8
400
#C67BC3
500
#B24DAE
600
#8E3E8B
700
#72316F
800
#592757
900
#421F40
950
#291429

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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