#98546F

#98546F

Color Values

HEX

#98546F

RGB

152, 84, 111

HSL

336.2, 28.8%, 46.3%

HSV

336.2, 44.7%, 59.6%

CMYK

0.0%, 44.7%, 27.0%, 40.4%

OKLCH

0.5337 0.0958 355.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#98546F

#54987D

Analogous

#985491

#985B54

#98546F

Triadic

#98546F

#6F9854

#546F98

Split Complementary

#98546F

#54985B

#549198

Tetradic

#98546F

#919854

#54987D

#5B5498

Color Blindness Simulation

Original

#98546F

Protanopia

#7B7A68

Deuteranopia

#7E8467

Tritanopia

#956362

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1D9
300
#D3B0BE
400
#BC859B
500
#A45B78
600
#834960
700
#693A4D
800
#522D3C
900
#3D242E
950
#27171D

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026