#98366E

#98366E

Color Values

HEX

#98366E

RGB

152, 54, 110

HSL

325.7, 47.6%, 40.4%

HSV

325.7, 64.5%, 59.6%

CMYK

0.0%, 64.5%, 27.6%, 40.4%

OKLCH

0.4899 0.1445 348.4

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#98366E

#369860

Analogous

#913698

#98363D

#98366E

Triadic

#98366E

#6E9836

#366E98

Split Complementary

#98366E

#3D9836

#369891

Tetradic

#98366E

#989136

#369860

#363D98

Color Blindness Simulation

Original

#98366E

Protanopia

#6E6D60

Deuteranopia

#737B5D

Tritanopia

#935653

Achromatopsia

#4F4F4F

CSS Usage

background-color: #98366E;
color: #98366E;
border-color: #98366E;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C6
400
#CE74A7
500
#BC4388
600
#97356D
700
#782B57
800
#5E2144
900
#451C33
950
#2C1120

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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