#7531CE

#7531CE

Color Values

HEX

#7531CE

RGB

117, 49, 206

HSL

266.0, 61.6%, 50.0%

HSV

266.0, 76.2%, 80.8%

CMYK

43.2%, 76.2%, 0.0%, 19.2%

OKLCH

0.4979 0.2227 297.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7531CE

#8ACE31

Analogous

#313BCE

#C431CE

#7531CE

Triadic

#7531CE

#CE7531

#31CE75

Split Complementary

#7531CE

#CEC431

#3BCE31

Tetradic

#7531CE

#CE313B

#8ACE31

#31CEC4

Color Blindness Simulation

Original

#7531CE

Protanopia

#5857A8

Deuteranopia

#5C619F

Tritanopia

#728A83

Achromatopsia

#4B4B4B

CSS Usage

background-color: #7531CE;
color: #7531CE;
border-color: #7531CE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D8C5F1
300
#BD9CE7
400
#9967DB
500
#7531CE
600
#5E27A5
700
#4B1F84
800
#3B1867
900
#2D164B
950
#1C0E30

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026