#77448C

#77448C

Color Values

HEX

#77448C

RGB

119, 68, 140

HSL

282.5, 34.6%, 40.8%

HSV

282.5, 51.4%, 54.9%

CMYK

15.0%, 51.4%, 0.0%, 45.1%

OKLCH

0.4779 0.124 315.3

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#77448C

#598C44

Analogous

#53448C

#8C447D

#77448C

Triadic

#77448C

#8C7744

#448C77

Split Complementary

#77448C

#7D8C44

#448C53

Tetradic

#77448C

#8C5344

#598C44

#447D8C

Color Blindness Simulation

Original

#77448C

Protanopia

#61607B

Deuteranopia

#646876

Tritanopia

#746D6A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CBADD7
400
#AE80C1
500
#9253AC
600
#754389
700
#5D356E
800
#492A56
900
#372140
950
#231528

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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