#7931AF

#7931AF

Color Values

HEX

#7931AF

RGB

121, 49, 175

HSL

274.3, 56.2%, 43.9%

HSV

274.3, 72.0%, 68.6%

CMYK

30.9%, 72.0%, 0.0%, 31.4%

OKLCH

0.4776 0.1914 306.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7931AF

#67AF31

Analogous

#3A31AF

#AF31A6

#7931AF

Triadic

#7931AF

#AF7931

#31AF79

Split Complementary

#7931AF

#A6AF31

#31AF3A

Tetradic

#7931AF

#AF3A31

#67AF31

#31A6AF

Color Blindness Simulation

Original

#7931AF

Protanopia

#5A5991

Deuteranopia

#5E6389

Tritanopia

#757873

Achromatopsia

#494949

CSS Usage

background-color: #7931AF;
color: #7931AF;
border-color: #7931AF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DEC7EF
300
#C79FE4
400
#A86CD6
500
#8A38C7
600
#6E2D9F
700
#58247F
800
#451C64
900
#341849
950
#210F2E

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

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