#97355A

#97355A

Color Values

HEX

#97355A

RGB

151, 53, 90

HSL

337.3, 48.0%, 40.0%

HSV

337.3, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 40.4%, 40.8%

OKLCH

0.4797 0.1356 0.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#97355A

#359772

Analogous

#97358B

#974135

#97355A

Triadic

#97355A

#5A9735

#355A97

Split Complementary

#97355A

#359741

#358B97

Tetradic

#97355A

#8B9735

#359772

#413597

Color Blindness Simulation

Original

#97355A

Protanopia

#6D6C51

Deuteranopia

#727A4F

Tritanopia

#924A48

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCAD7
300
#DFA4BB
400
#CE7396
500
#BD4271
600
#97355A
700
#792A48
800
#5E2138
900
#451C2B
950
#2C111B

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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