#98396F

#98396F

Color Values

HEX

#98396F

RGB

152, 57, 111

HSL

325.9, 45.5%, 41.0%

HSV

325.9, 62.5%, 59.6%

CMYK

0.0%, 62.5%, 27.0%, 40.4%

OKLCH

0.494 0.1406 348.3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#98396F

#399862

Analogous

#923998

#98393F

#98396F

Triadic

#98396F

#6F9839

#396F98

Split Complementary

#98396F

#3F9839

#399892

Tetradic

#98396F

#989239

#399862

#393F98

Color Blindness Simulation

Original

#98396F

Protanopia

#6F6E62

Deuteranopia

#747B5F

Tritanopia

#935855

Achromatopsia

#515151

CSS Usage

background-color: #98396F;
color: #98396F;
border-color: #98396F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C6
400
#CC76A7
500
#BA4587
600
#94386C
700
#772C57
800
#5D2344
900
#441D33
950
#2B1220

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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