#9A5CD8

#9A5CD8

Color Values

HEX

#9A5CD8

RGB

154, 92, 216

HSL

270.0, 61.4%, 60.4%

HSV

270.0, 57.4%, 84.7%

CMYK

28.7%, 57.4%, 0.0%, 15.3%

OKLCH

0.6005 0.1859 304.5

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#9A5CD8

#9AD85C

Analogous

#5C5CD8

#D85CD8

#9A5CD8

Triadic

#9A5CD8

#D89A5C

#5CD89A

Split Complementary

#9A5CD8

#D8D85C

#5CD85C

Tetradic

#9A5CD8

#D85C5C

#9AD85C

#5CD8D8

Color Blindness Simulation

Original

#9A5CD8

Protanopia

#7F7FBA

Deuteranopia

#8387B3

Tritanopia

#97A29D

Achromatopsia

#727272

CSS Usage

background-color: #9A5CD8;
color: #9A5CD8;
border-color: #9A5CD8;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC5F1
300
#C29CE7
400
#A167DB
500
#8031CE
600
#6627A5
700
#521F84
800
#401967
900
#30164B
950
#1F0E30

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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