#720E57

#720E57

Color Values

HEX

#720E57

RGB

114, 14, 87

HSL

316.2, 78.1%, 25.1%

HSV

316.2, 87.7%, 44.7%

CMYK

0.0%, 87.7%, 23.7%, 55.3%

OKLCH

0.3778 0.1502 342.4

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#720E57

#0E7229

Analogous

#5B0E72

#720E25

#720E57

Triadic

#720E57

#57720E

#0E5772

Split Complementary

#720E57

#25720E

#0E725B

Tetradic

#720E57

#725B0E

#0E7229

#0E2572

Color Blindness Simulation

Original

#720E57

Protanopia

#474645

Deuteranopia

#4C5441

Tritanopia

#6D3734

Achromatopsia

#292929

CSS Usage

background-color: #720E57;
color: #720E57;
border-color: #720E57;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF2FA
100
#F9E1F3
200
#F7BFE8
300
#F292D8
400
#EA57C3
500
#E31CAD
600
#B6168B
700
#91126F
800
#720E57
900
#530E40
950
#340928

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026