#99345C

#99345C

Color Values

HEX

#99345C

RGB

153, 52, 92

HSL

336.2, 49.3%, 40.2%

HSV

336.2, 66.0%, 60.0%

CMYK

0.0%, 66.0%, 39.9%, 40.0%

OKLCH

0.4824 0.1397 359.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#99345C

#349971

Analogous

#99348F

#993E34

#99345C

Triadic

#99345C

#5C9934

#345C99

Split Complementary

#99345C

#34993E

#348F99

Tetradic

#99345C

#8F9934

#349971

#3E3499

Color Blindness Simulation

Original

#99345C

Protanopia

#6D6C52

Deuteranopia

#737B50

Tritanopia

#944B49

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

7.0:1

AA Pass AAA Fail

Text on black

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