#9A72BE

#9A72BE

Color Values

HEX

#9A72BE

RGB

154, 114, 190

HSL

271,6, 36,9%, 59,6%

HSV

271,6, 40,0%, 74,5%

CMYK

18,9%, 40,0%, 0,0%, 25,5%

OKLCH

0,6216 0,1189 307,5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#9A72BE

#96BE72

Analogous

#7472BE

#BE72BC

#9A72BE

Triadic

#9A72BE

#BE9A72

#72BE9A

Split Complementary

#9A72BE

#BCBE72

#72BE74

Tetradic

#9A72BE

#BE7472

#96BE72

#72BCBE

Color Blindness Simulation

Original

#9A72BE

Protanopia

#8988AC

Deuteranopia

#8B8EA7

Tritanopia

#989D9A

Achromatopsia

#808080

CSS Usage

background-color: #9A72BE;
color: #9A72BE;
border-color: #9A72BE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCEE8
300
#C3ABD8
400
#A37EC3
500
#8250AF
600
#68408C
700
#533370
800
#412857
900
#312041
950
#1F1429

Contrast Checker

Text on white

3,8:1

AA Fail AAA Fail

Text on black

5,52: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