#98347B

#98347B

Color Values

HEX

#98347B

RGB

152, 52, 123

HSL

317.4, 49.0%, 40.0%

HSV

317.4, 65.8%, 59.6%

CMYK

0.0%, 65.8%, 19.1%, 40.4%

OKLCH

0.4932 0.1558 341.0

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#98347B

#349851

Analogous

#833498

#983449

#98347B

Triadic

#98347B

#7B9834

#347B98

Split Complementary

#98347B

#499834

#349883

Tetradic

#98347B

#988334

#349851

#344998

Color Blindness Simulation

Original

#98347B

Protanopia

#6D6C6A

Deuteranopia

#727A66

Tritanopia

#935C59

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E6F0
200
#EDCAE3
300
#E0A4CE
400
#CF72B4
500
#BE419A
600
#98347B
700
#7A2A62
800
#5F214D
900
#461B39
950
#2C1124

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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