#744997

#744997

Color Values

HEX

#744997

RGB

116, 73, 151

HSL

273.1, 34.8%, 43.9%

HSV

273.1, 51.7%, 59.2%

CMYK

23.2%, 51.7%, 0.0%, 40.8%

OKLCH

0.489 0.1274 307.8

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#744997

#6C9749

Analogous

#4D4997

#974993

#744997

Triadic

#744997

#977449

#499774

Split Complementary

#744997

#939749

#49974D

Tetradic

#744997

#974D49

#6C9749

#499397

Color Blindness Simulation

Original

#744997

Protanopia

#616184

Deuteranopia

#646780

Tritanopia

#727572

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DDCFE8
300
#C4ADD7
400
#A480C1
500
#8453AC
600
#6A4389
700
#55356E
800
#422A56
900
#322140
950
#201528

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026