#7540C5

#7540C5

Color Values

HEX

#7540C5

RGB

117, 64, 197

HSL

263,9, 53,4%, 51,2%

HSV

263,9, 67,5%, 77,3%

CMYK

40,6%, 67,5%, 0,0%, 22,7%

OKLCH

0,5082 0,1961 297,2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7540C5

#90C540

Analogous

#404EC5

#B740C5

#7540C5

Triadic

#7540C5

#C57540

#40C575

Split Complementary

#7540C5

#C5B740

#4EC540

Tetradic

#7540C5

#C5404E

#90C540

#40C5B7

Color Blindness Simulation

Original

#7540C5

Protanopia

#5E5EA5

Deuteranopia

#61659D

Tritanopia

#728B86

Achromatopsia

#555555

CSS Usage

background-color: #7540C5;
color: #7540C5;
border-color: #7540C5;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D7C8EE
300
#BBA1E2
400
#966ED3
500
#723BC4
600
#5B309C
700
#49267D
800
#391E62
900
#2C1948
950
#1C102D

Contrast Checker

Text on white

6,37:1

AA Pass AAA Fail

Text on black

3,3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026