#A72CF7

#A72CF7

Color Values

HEX

#A72CF7

RGB

167, 44, 247

HSL

276.4, 92.7%, 57.1%

HSV

276.4, 82.2%, 96.9%

CMYK

32.4%, 82.2%, 0.0%, 3.1%

OKLCH

0.587 0.2737 306.6

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#A72CF7

#7CF72C

Analogous

#422CF7

#F72CE1

#A72CF7

Triadic

#A72CF7

#F7A72C

#2CF7A7

Split Complementary

#A72CF7

#E1F72C

#2CF742

Tetradic

#A72CF7

#F7422C

#7CF72C

#2CE1F7

Color Blindness Simulation

Original

#A72CF7

Protanopia

#7271C6

Deuteranopia

#7982BA

Tritanopia

#A19F97

Achromatopsia

#555555

CSS Usage

background-color: #A72CF7;
color: #A72CF7;
border-color: #A72CF7;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BAFC
300
#CE89FB
400
#B349F8
500
#9909F6
600
#7A07C5
700
#62069D
800
#4C057B
900
#390859
950
#240538

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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