#98336D

#98336D

Color Values

HEX

#98336D

RGB

152, 51, 109

HSL

325.5, 49.8%, 39.8%

HSV

325.5, 66.4%, 59.6%

CMYK

0.0%, 66.4%, 28.3%, 40.4%

OKLCH

0.486 0.1483 348.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#98336D

#33985E

Analogous

#903398

#98333B

#98336D

Triadic

#98336D

#6D9833

#336D98

Split Complementary

#98336D

#3B9833

#339890

Tetradic

#98336D

#989033

#33985E

#333B98

Color Blindness Simulation

Original

#98336D

Protanopia

#6C6B5F

Deuteranopia

#727A5C

Tritanopia

#935451

Achromatopsia

#4D4D4D

CSS Usage

background-color: #98336D;
color: #98336D;
border-color: #98336D;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADE
300
#E0A3C6
400
#D072A8
500
#BF4089
600
#99336E
700
#7A2958
800
#5F2045
900
#461B34
950
#2C1121

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026