#754BAE

#754BAE

Color Values

HEX

#754BAE

RGB

117, 75, 174

HSL

265.5, 39.8%, 48.8%

HSV

265.5, 56.9%, 68.2%

CMYK

32.8%, 56.9%, 0.0%, 31.8%

OKLCH

0.5078 0.1532 300.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#754BAE

#84AE4B

Analogous

#4B52AE

#A74BAE

#754BAE

Triadic

#754BAE

#AE754B

#4BAE75

Split Complementary

#754BAE

#AEA74B

#52AE4B

Tetradic

#754BAE

#AE4B52

#84AE4B

#4BAEA7

Color Blindness Simulation

Original

#754BAE

Protanopia

#636296

Deuteranopia

#656890

Tritanopia

#73837F

Achromatopsia

#5B5B5B

CSS Usage

background-color: #754BAE;
color: #754BAE;
border-color: #754BAE;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BEA9DA
400
#9B7BC6
500
#784DB2
600
#603D8F
700
#4D3172
800
#3C2659
900
#2E1F42
950
#1D142A

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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