#9540CC

#9540CC

Color Values

HEX

#9540CC

RGB

149, 64, 204

HSL

276.4, 57.9%, 52.5%

HSV

276.4, 68.6%, 80.0%

CMYK

27.0%, 68.6%, 0.0%, 20.0%

OKLCH

0.5502 0.2101 308.9

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9540CC

#77CC40

Analogous

#4F40CC

#CC40BD

#9540CC

Triadic

#9540CC

#CC9540

#40CC95

Split Complementary

#9540CC

#BDCC40

#40CC4F

Tetradic

#9540CC

#CC4F40

#77CC40

#40BDCC

Color Blindness Simulation

Original

#9540CC

Protanopia

#706FAA

Deuteranopia

#757CA2

Tritanopia

#918F8A

Achromatopsia

#5C5C5C

CSS Usage

background-color: #9540CC;
color: #9540CC;
border-color: #9540CC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#E0C7F0
300
#C99EE5
400
#AC6AD7
500
#8F36C9
600
#732BA1
700
#5C2281
800
#481B65
900
#36174A
950
#220F2F

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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