#754BAB

#754BAB

Color Values

HEX

#754BAB

RGB

117, 75, 171

HSL

266,2, 39,0%, 48,2%

HSV

266,2, 56,1%, 67,1%

CMYK

31,6%, 56,1%, 0,0%, 32,9%

OKLCH

0,5058 0,1495 301,5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#754BAB

#81AB4B

Analogous

#4B51AB

#A54BAB

#754BAB

Triadic

#754BAB

#AB754B

#4BAB75

Split Complementary

#754BAB

#ABA54B

#51AB4B

Tetradic

#754BAB

#AB4B51

#81AB4B

#4BABA5

Color Blindness Simulation

Original

#754BAB

Protanopia

#636294

Deuteranopia

#65688E

Tritanopia

#73817D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#DACDE9
300
#BFAADA
400
#9C7CC5
500
#794EB1
600
#613E8E
700
#4E3271
800
#3D2759
900
#2E1F41
950
#1D1429

Contrast Checker

Text on white

6,27:1

AA Pass AAA Fail

Text on black

3,35: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