#7C20AC

#7C20AC

Color Values

HEX

#7C20AC

RGB

124, 32, 172

HSL

279.4, 68.6%, 40.0%

HSV

279.4, 81.4%, 67.5%

CMYK

27.9%, 81.4%, 0.0%, 32.5%

OKLCH

0.4632 0.2071 310.2

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7C20AC

#50AC20

Analogous

#3620AC

#AC2096

#7C20AC

Triadic

#7C20AC

#AC7C20

#20AC7C

Split Complementary

#7C20AC

#96AC20

#20AC36

Tetradic

#7C20AC

#AC3620

#50AC20

#2096AC

Color Blindness Simulation

Original

#7C20AC

Protanopia

#54538A

Deuteranopia

#5A6082

Tritanopia

#776F6A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #7C20AC;
color: #7C20AC;
border-color: #7C20AC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F3FC
100
#F0E3F8
200
#E3C3F4
300
#CF98EC
400
#B560E1
500
#9B28D7
600
#7C20AC
700
#631A8A
800
#4D146B
900
#3A134E
950
#250C31

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026