#98478F

#98478F

Color Values

HEX

#98478F

RGB

152, 71, 143

HSL

306.7, 36.3%, 43.7%

HSV

306.7, 53.3%, 59.6%

CMYK

0.0%, 53.3%, 5.9%, 40.4%

OKLCH

0.5268 0.1418 331.8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#98478F

#479850

Analogous

#784798

#984766

#98478F

Triadic

#98478F

#8F9847

#478F98

Split Complementary

#98478F

#669847

#479878

Tetradic

#98478F

#987847

#479850

#476698

Color Blindness Simulation

Original

#98478F

Protanopia

#75747E

Deuteranopia

#7A8079

Tritanopia

#94706D

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE5
300
#D8ACD3
400
#C37EBB
500
#AE51A3
600
#8B4183
700
#6F3469
800
#572952
900
#40213D
950
#291526

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

3.63:1

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