#97357F

#97357F

Color Values

HEX

#97357F

RGB

151, 53, 127

HSL

314.7, 48.0%, 40.0%

HSV

314.7, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 15.9%, 40.8%

OKLCH

0.4946 0.1565 338.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#97357F

#35974D

Analogous

#7E3597

#97354E

#97357F

Triadic

#97357F

#7F9735

#357F97

Split Complementary

#97357F

#4E9735

#35977E

Tetradic

#97357F

#977E35

#35974D

#354E97

Color Blindness Simulation

Original

#97357F

Protanopia

#6D6C6D

Deuteranopia

#727A69

Tritanopia

#925F5C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #97357F;
color: #97357F;
border-color: #97357F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#ECCAE4
300
#DFA4D1
400
#CE73B8
500
#BD429F
600
#97357F
700
#792A66
800
#5E214F
900
#451C3B
950
#2C1125

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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