#7840AC

#7840AC

Color Values

HEX

#7840AC

RGB

120, 64, 172

HSL

271.1, 45.8%, 46.3%

HSV

271.1, 62.8%, 67.5%

CMYK

30.2%, 62.8%, 0.0%, 32.5%

OKLCH

0.4932 0.168 304.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#7840AC

#74AC40

Analogous

#4240AC

#AC40AA

#7840AC

Triadic

#7840AC

#AC7840

#40AC78

Split Complementary

#7840AC

#AAAC40

#40AC42

Tetradic

#7840AC

#AC4240

#74AC40

#40AAAC

Color Blindness Simulation

Original

#7840AC

Protanopia

#605F92

Deuteranopia

#63678C

Tritanopia

#757D79

Achromatopsia

#545454

CSS Usage

background-color: #7840AC;
color: #7840AC;
border-color: #7840AC;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DCCBEC
300
#C3A6DE
400
#A275CC
500
#8245BA
600
#683795
700
#532C77
800
#41235D
900
#311C44
950
#1F122B

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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