#7724AA

#7724AA

Color Values

HEX

#7724AA

RGB

119, 36, 170

HSL

277.2, 65.0%, 40.4%

HSV

277.2, 78.8%, 66.7%

CMYK

30.0%, 78.8%, 0.0%, 33.3%

OKLCH

0.4582 0.2002 308.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7724AA

#57AA24

Analogous

#3424AA

#AA249A

#7724AA

Triadic

#7724AA

#AA7724

#24AA77

Split Complementary

#7724AA

#9AAA24

#24AA34

Tetradic

#7724AA

#AA3424

#57AA24

#249AAA

Color Blindness Simulation

Original

#7724AA

Protanopia

#53528A

Deuteranopia

#585E82

Tritanopia

#73706A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #7724AA;
color: #7724AA;
border-color: #7724AA;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F3
300
#CB9AEA
400
#AF63DE
500
#932DD2
600
#7624A8
700
#5E1D87
800
#4A1669
900
#37144D
950
#230D31

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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