#97198C

#97198C

Color Values

HEX

#97198C

RGB

151, 25, 140

HSL

305.2, 71.6%, 34.5%

HSV

305.2, 83.4%, 59.2%

CMYK

0.0%, 83.4%, 7.3%, 40.8%

OKLCH

0.4773 0.1976 332.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#97198C

#199724

Analogous

#631997

#97194D

#97198C

Triadic

#97198C

#8C9719

#198C97

Split Complementary

#97198C

#4D9719

#199763

Tetradic

#97198C

#976319

#199724

#194D97

Color Blindness Simulation

Original

#97198C

Protanopia

#605F70

Deuteranopia

#68716A

Tritanopia

#915A55

Achromatopsia

#3C3C3C

CSS Usage

background-color: #97198C;
color: #97198C;
border-color: #97198C;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C2F0
300
#EE96E6
400
#E45DD8
500
#DB24CB
600
#AF1DA2
700
#8C1782
800
#6D1265
900
#50114A
950
#320B2F

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

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