#9150AE

#9150AE

Color Values

HEX

#9150AE

RGB

145, 80, 174

HSL

281.5, 37.0%, 49.8%

HSV

281.5, 54.0%, 68.2%

CMYK

16.7%, 54.0%, 0.0%, 31.8%

OKLCH

0.5473 0.154 314.4

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#9150AE

#6DAE50

Analogous

#6250AE

#AE509C

#9150AE

Triadic

#9150AE

#AE9150

#50AE91

Split Complementary

#9150AE

#9CAE50

#50AE62

Tetradic

#9150AE

#AE6250

#6DAE50

#509CAE

Color Blindness Simulation

Original

#9150AE

Protanopia

#757497

Deuteranopia

#797E92

Tritanopia

#8E8581

Achromatopsia

#656565

CSS Usage

background-color: #9150AE;
color: #9150AE;
border-color: #9150AE;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E0CEE9
300
#CAABD8
400
#AE7EC4
500
#9250AF
600
#74408C
700
#5D3370
800
#492857
900
#372041
950
#231429

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

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