#97148D

#97148D

Color Values

HEX

#97148D

RGB

151, 20, 141

HSL

304.6, 76.6%, 33.5%

HSV

304.6, 86.8%, 59.2%

CMYK

0.0%, 86.8%, 6.6%, 40.8%

OKLCH

0.4753 0.2019 331.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#97148D

#14971E

Analogous

#5F1497

#97144B

#97148D

Triadic

#97148D

#8D9714

#148D97

Split Complementary

#97148D

#4B9714

#14975F

Tetradic

#97148D

#975F14

#14971E

#144B97

Color Blindness Simulation

Original

#97148D

Protanopia

#5E5D70

Deuteranopia

#667069

Tritanopia

#905954

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F7C0F2
300
#F193E9
400
#E958DE
500
#E11ED2
600
#B418A8
700
#901387
800
#710F69
900
#520F4D
950
#340A30

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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