#98346F

#98346F

Color Values

HEX

#98346F

RGB

152, 52, 111

HSL

324.6, 49.0%, 40.0%

HSV

324.6, 65.8%, 59.6%

CMYK

0.0%, 65.8%, 27.0%, 40.4%

OKLCH

0.4879 0.148 347.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#98346F

#34985D

Analogous

#8F3498

#98343D

#98346F

Triadic

#98346F

#6F9834

#346F98

Split Complementary

#98346F

#3D9834

#34988F

Tetradic

#98346F

#988F34

#34985D

#343D98

Color Blindness Simulation

Original

#98346F

Protanopia

#6D6C61

Deuteranopia

#727A5D

Tritanopia

#935553

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADE
300
#E0A4C7
400
#CF72A9
500
#BE418B
600
#98346F
700
#7A2A59
800
#5F2145
900
#461B34
950
#2C1121

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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