#722473

#722473

Color Values

HEX

#722473

RGB

114, 36, 115

HSL

299.2, 52.3%, 29.6%

HSV

299.2, 68.7%, 45.1%

CMYK

0.9%, 68.7%, 0.0%, 54.9%

OKLCH

0.4123 0.1471 327.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#722473

#257324

Analogous

#4A2473

#73244D

#722473

Triadic

#722473

#737224

#247372

Split Complementary

#722473

#4D7324

#24734A

Tetradic

#722473

#734A24

#257324

#244D73

Color Blindness Simulation

Original

#722473

Protanopia

#505060

Deuteranopia

#555B5B

Tritanopia

#6E514D

Achromatopsia

#3A3A3A

CSS Usage

background-color: #722473;
color: #722473;
border-color: #722473;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EDC9EE
300
#E1A2E2
400
#D16FD2
500
#C03DC2
600
#9A319B
700
#7B277C
800
#601E61
900
#471A47
950
#2D102D

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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