#97148C

#97148C

Color Values

HEX

#97148C

RGB

151, 20, 140

HSL

305.0, 76.6%, 33.5%

HSV

305.0, 86.8%, 59.2%

CMYK

0.0%, 86.8%, 7.3%, 40.8%

OKLCH

0.4747 0.2012 332.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#97148C

#14971F

Analogous

#601497

#97144B

#97148C

Triadic

#97148C

#8C9714

#148C97

Split Complementary

#97148C

#4B9714

#149760

Tetradic

#97148C

#976014

#14971F

#144B97

Color Blindness Simulation

Original

#97148C

Protanopia

#5E5D6F

Deuteranopia

#667068

Tritanopia

#905853

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F7C0F2
300
#F193E9
400
#E958DD
500
#E11ED1
600
#B418A7
700
#901386
800
#710F68
900
#520F4C
950
#340A30

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

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