#744697

#744697

Color Values

HEX

#744697

RGB

116, 70, 151

HSL

274.1, 36.7%, 43.3%

HSV

274.1, 53.6%, 59.2%

CMYK

23.2%, 53.6%, 0.0%, 40.8%

OKLCH

0.484 0.1325 308.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#744697

#699746

Analogous

#4B4697

#974691

#744697

Triadic

#744697

#977446

#469774

Split Complementary

#744697

#919746

#46974B

Tetradic

#744697

#974B46

#699746

#469197

Color Blindness Simulation

Original

#744697

Protanopia

#606083

Deuteranopia

#63667F

Tritanopia

#727471

Achromatopsia

#565656

CSS Usage

background-color: #744697;
color: #744697;
border-color: #744697;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DDCEE8
300
#C5ABD8
400
#A57EC3
500
#8651AE
600
#6B418B
700
#563470
800
#432857
900
#332040
950
#201429

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026