#98455C

#98455C

Color Values

HEX

#98455C

RGB

152, 69, 92

HSL

343.4, 37.6%, 43.3%

HSV

343.4, 54.6%, 59.6%

CMYK

0.0%, 54.6%, 39.5%, 40.4%

OKLCH

0.5037 0.1135 4.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#98455C

#459881

Analogous

#984585

#985745

#98455C

Triadic

#98455C

#5C9845

#455C98

Split Complementary

#98455C

#459857

#458598

Tetradic

#98455C

#859845

#459881

#574598

Color Blindness Simulation

Original

#98455C

Protanopia

#747356

Deuteranopia

#797F55

Tritanopia

#945251

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CED5
300
#D9ABB8
400
#C47D91
500
#AF506A
600
#8C4055
700
#703344
800
#582835
900
#412029
950
#29141A

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026