#744AAB

#744AAB

Color Values

HEX

#744AAB

RGB

116, 74, 171

HSL

266.0, 39.6%, 48.0%

HSV

266.0, 56.7%, 67.1%

CMYK

32.2%, 56.7%, 0.0%, 32.9%

OKLCH

0.5031 0.1508 301.1

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#744AAB

#81AB4A

Analogous

#4A50AB

#A44AAB

#744AAB

Triadic

#744AAB

#AB744A

#4AAB74

Split Complementary

#744AAB

#ABA44A

#50AB4A

Tetradic

#744AAB

#AB4A50

#81AB4A

#4AABA4

Color Blindness Simulation

Original

#744AAB

Protanopia

#626194

Deuteranopia

#64678E

Tritanopia

#72817D

Achromatopsia

#5A5A5A

CSS Usage

background-color: #744AAB;
color: #744AAB;
border-color: #744AAB;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDE9
300
#BFAADA
400
#9C7BC6
500
#794DB2
600
#613E8E
700
#4D3172
800
#3C2759
900
#2E1F42
950
#1D142A

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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