#720563

#720563

Color Values

HEX

#720563

RGB

114, 5, 99

HSL

308.3, 91.6%, 23.3%

HSV

308.3, 95.6%, 44.7%

CMYK

0.0%, 95.6%, 13.2%, 55.3%

OKLCH

0.3801 0.1643 335.6

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#720563

#057214

Analogous

#4A0572

#72052C

#720563

Triadic

#720563

#637205

#056372

Split Complementary

#720563

#2C7205

#05724A

Tetradic

#720563

#724A05

#057214

#052C72

Color Blindness Simulation

Original

#720563

Protanopia

#43424C

Deuteranopia

#495147

Tritanopia

#6D3A36

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF3
300
#FA8AEA
400
#F74ADF
500
#F40BD4
600
#C309AA
700
#9C0788
800
#7A056A
900
#58094D
950
#380531

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

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