#722DA8

#722DA8

Color Values

HEX

#722DA8

RGB

114, 45, 168

HSL

273.7, 57.7%, 41.8%

HSV

273.7, 73.2%, 65.9%

CMYK

32.1%, 73.2%, 0.0%, 34.1%

OKLCH

0.4591 0.1872 305.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#722DA8

#63A82D

Analogous

#352DA8

#A82DA1

#722DA8

Triadic

#722DA8

#A8722D

#2DA872

Split Complementary

#722DA8

#A1A82D

#2DA835

Tetradic

#722DA8

#A8352D

#63A82D

#2DA1A8

Color Blindness Simulation

Original

#722DA8

Protanopia

#54548A

Deuteranopia

#585D83

Tritanopia

#6F736E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DEC7F0
300
#C69EE5
400
#A76AD7
500
#8936C9
600
#6D2BA1
700
#572381
800
#441B65
900
#34174A
950
#210F2E

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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