#9654AF

#9654AF

Color Values

HEX

#9654AF

RGB

150, 84, 175

HSL

283.5, 36.3%, 50.8%

HSV

283.5, 52.0%, 68.6%

CMYK

14.3%, 52.0%, 0.0%, 31.4%

OKLCH

0.5598 0.1508 316.0

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9654AF

#6DAF54

Analogous

#6854AF

#AF549B

#9654AF

Triadic

#9654AF

#AF9654

#54AF96

Split Complementary

#9654AF

#9BAF54

#54AF68

Tetradic

#9654AF

#AF6854

#6DAF54

#549BAF

Color Blindness Simulation

Original

#9654AF

Protanopia

#797999

Deuteranopia

#7D8294

Tritanopia

#938884

Achromatopsia

#696969

CSS Usage

background-color: #9654AF;
color: #9654AF;
border-color: #9654AF;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#F0E8F3
200
#E1CEE8
300
#CCACD8
400
#B07EC3
500
#9451AE
600
#77418B
700
#5F346F
800
#4A2957
900
#382140
950
#231529

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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