#9701A3

#9701A3

Color Values

HEX

#9701A3

RGB

151, 1, 163

HSL

295.6, 98.8%, 32.2%

HSV

295.6, 99.4%, 63.9%

CMYK

7.4%, 99.4%, 0.0%, 36.1%

OKLCH

0.4829 0.2261 324.3

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9701A3

#0DA301

Analogous

#4601A3

#A3015E

#9701A3

Triadic

#9701A3

#A39701

#01A397

Split Complementary

#9701A3

#5EA301

#01A346

Tetradic

#9701A3

#A34601

#0DA301

#015EA3

Color Blindness Simulation

Original

#9701A3

Protanopia

#56557C

Deuteranopia

#5F6A72

Tritanopia

#905D56

Achromatopsia

#2D2D2D

CSS Usage

background-color: #9701A3;
color: #9701A3;
border-color: #9701A3;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#F9B8FF
300
#F585FE
400
#F043FE
500
#EB02FD
600
#BC01CB
700
#9601A2
800
#75017F
900
#55055C
950
#36033A

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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