#722CB7

#722CB7

Color Values

HEX

#722CB7

RGB

114, 44, 183

HSL

270.2, 61.2%, 44.5%

HSV

270.2, 76.0%, 71.8%

CMYK

37.7%, 76.0%, 0.0%, 28.2%

OKLCH

0.47 0.2037 301.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#722CB7

#71B72C

Analogous

#2C2CB7

#B72CB6

#722CB7

Triadic

#722CB7

#B7722C

#2CB772

Split Complementary

#722CB7

#B6B72C

#2CB72C

Tetradic

#722CB7

#B72C2C

#71B72C

#2CB6B7

Color Blindness Simulation

Original

#722CB7

Protanopia

#545395

Deuteranopia

#585D8D

Tritanopia

#6E7B75

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC5F1
300
#C29CE7
400
#A167DA
500
#8031CE
600
#6628A4
700
#522084
800
#401967
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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