#985363

#985363

Color Values

HEX

#985363

RGB

152, 83, 99

HSL

346.1, 29.4%, 46.1%

HSV

346.1, 45.4%, 59.6%

CMYK

0.0%, 45.4%, 34.9%, 40.4%

OKLCH

0.5282 0.0931 5.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#985363

#539888

Analogous

#985386

#986653

#985363

Triadic

#985363

#639853

#536398

Split Complementary

#985363

#539866

#538698

Tetradic

#985363

#869853

#539888

#665398

Color Blindness Simulation

Original

#985363

Protanopia

#7A7A5F

Deuteranopia

#7E835E

Tritanopia

#955C5B

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F5F6
100
#F2E9EB
200
#E6D1D6
300
#D4B0B8
400
#BC8592
500
#A55A6B
600
#844856
700
#6A3A45
800
#522D36
900
#3D242A
950
#27171A

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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