#98355A

#98355A

Color Values

HEX

#98355A

RGB

152, 53, 90

HSL

337.6, 48.3%, 40.2%

HSV

337.6, 65.1%, 59.6%

CMYK

0.0%, 65.1%, 40.8%, 40.4%

OKLCH

0.4814 0.1366 0.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#98355A

#359873

Analogous

#98358B

#984235

#98355A

Triadic

#98355A

#5A9835

#355A98

Split Complementary

#98355A

#359842

#358B98

Tetradic

#98355A

#8B9835

#359873

#423598

Color Blindness Simulation

Original

#98355A

Protanopia

#6D6C51

Deuteranopia

#737A4F

Tritanopia

#934A48

Achromatopsia

#4D4D4D

CSS Usage

background-color: #98355A;
color: #98355A;
border-color: #98355A;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#EDCAD7
300
#DFA4BA
400
#CE7395
500
#BD4270
600
#97355A
700
#792A48
800
#5F2138
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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