#98536A

#98536A

Color Values

HEX

#98536A

RGB

152, 83, 106

HSL

340.0, 29.4%, 46.1%

HSV

340.0, 45.4%, 59.6%

CMYK

0.0%, 45.4%, 30.3%, 40.4%

OKLCH

0.5304 0.0953 359.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#98536A

#539881

Analogous

#98538D

#985F53

#98536A

Triadic

#98536A

#6A9853

#536A98

Split Complementary

#98536A

#53985F

#538D98

Tetradic

#98536A

#8D9853

#539881

#5F5398

Color Blindness Simulation

Original

#98536A

Protanopia

#7A7A64

Deuteranopia

#7E8363

Tritanopia

#95605F

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1D8
300
#D4B0BC
400
#BC8597
500
#A55A73
600
#84485C
700
#6A3A4A
800
#522D3A
900
#3D242C
950
#27171C

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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