#97159C

#97159C

Color Values

HEX

#97159C

RGB

151, 21, 156

HSL

297.8, 76.3%, 34.7%

HSV

297.8, 86.5%, 61.2%

CMYK

3.2%, 86.5%, 0.0%, 38.8%

OKLCH

0.485 0.212 326.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#97159C

#1A9C15

Analogous

#54159C

#9C155D

#97159C

Triadic

#97159C

#9C9715

#159C97

Split Complementary

#97159C

#5D9C15

#159C54

Tetradic

#97159C

#9C5415

#1A9C15

#155D9C

Color Blindness Simulation

Original

#97159C

Protanopia

#5F5E7B

Deuteranopia

#667073

Tritanopia

#90625C

Achromatopsia

#3A3A3A

CSS Usage

background-color: #97159C;
color: #97159C;
border-color: #97159C;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F5C0F7
300
#ED93F0
400
#E359E9
500
#DA1EE1
600
#AE18B4
700
#8B1390
800
#6D0F70
900
#4F0F52
950
#320A34

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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