#98345C

#98345C

Color Values

HEX

#98345C

RGB

152, 52, 92

HSL

336.0, 49.0%, 40.0%

HSV

336.0, 65.8%, 59.6%

CMYK

0.0%, 65.8%, 39.5%, 40.4%

OKLCH

0.4808 0.1387 359.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#98345C

#349870

Analogous

#98348E

#983E34

#98345C

Triadic

#98345C

#5C9834

#345C98

Split Complementary

#98345C

#34983E

#348E98

Tetradic

#98345C

#8E9834

#349870

#3E3498

Color Blindness Simulation

Original

#98345C

Protanopia

#6D6C52

Deuteranopia

#727A50

Tritanopia

#934B49

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A4BC
400
#CF7297
500
#BE4173
600
#98345C
700
#7A2A4A
800
#5F213A
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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