#9A5CDC

#9A5CDC

Color Values

HEX

#9A5CDC

RGB

154, 92, 220

HSL

269.1, 64.6%, 61.2%

HSV

269.1, 58.2%, 86.3%

CMYK

30.0%, 58.2%, 0.0%, 13.7%

OKLCH

0.603 0.1905 303.5

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9A5CDC

#9EDC5C

Analogous

#5C5EDC

#DA5CDC

#9A5CDC

Triadic

#9A5CDC

#DC9A5C

#5CDC9A

Split Complementary

#9A5CDC

#DCDA5C

#5EDC5C

Tetradic

#9A5CDC

#DC5C5E

#9EDC5C

#5CDCDA

Color Blindness Simulation

Original

#9A5CDC

Protanopia

#7F7FBD

Deuteranopia

#8387B6

Tritanopia

#97A59F

Achromatopsia

#727272

CSS Usage

background-color: #9A5CDC;
color: #9A5CDC;
border-color: #9A5CDC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F2
300
#C19AE9
400
#9F64DE
500
#7D2DD2
600
#6424A8
700
#501D86
800
#3F1769
900
#30144D
950
#1E0D30

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

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