#9570AC

#9570AC

Color Values

HEX

#9570AC

RGB

149, 112, 172

HSL

277.0, 26.5%, 55.7%

HSV

277.0, 34.9%, 67.5%

CMYK

13.4%, 34.9%, 0.0%, 32.5%

OKLCH

0.6043 0.0977 311.9

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9570AC

#87AC70

Analogous

#7770AC

#AC70A5

#9570AC

Triadic

#9570AC

#AC9570

#70AC95

Split Complementary

#9570AC

#A5AC70

#70AC77

Tetradic

#9570AC

#AC7770

#87AC70

#70A5AC

Color Blindness Simulation

Original

#9570AC

Protanopia

#85859D

Deuteranopia

#878A9A

Tritanopia

#939290

Achromatopsia

#7C7C7C

CSS Usage

background-color: #9570AC;
color: #9570AC;
border-color: #9570AC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DED2E5
300
#C6B2D2
400
#A688BA
500
#875EA1
600
#6C4B81
700
#573C67
800
#442F51
900
#33253C
950
#201726

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass 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