#722AAC

#722AAC

Color Values

HEX

#722AAC

RGB

114, 42, 172

HSL

273.2, 60.7%, 42.0%

HSV

273.2, 75.6%, 67.5%

CMYK

33.7%, 75.6%, 0.0%, 32.5%

OKLCH

0.459 0.1947 304.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#722AAC

#64AC2A

Analogous

#312AAC

#AC2AA5

#722AAC

Triadic

#722AAC

#AC722A

#2AAC72

Split Complementary

#722AAC

#A5AC2A

#2AAC31

Tetradic

#722AAC

#AC312A

#64AC2A

#2AA5AC

Color Blindness Simulation

Original

#722AAC

Protanopia

#53528D

Deuteranopia

#575C85

Tritanopia

#6E746E

Achromatopsia

#434343

CSS Usage

background-color: #722AAC;
color: #722AAC;
border-color: #722AAC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C69DE7
400
#A767DA
500
#8832CD
600
#6D28A4
700
#572083
800
#441966
900
#33164B
950
#200E2F

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026