#720C40

#720C40

Color Values

HEX

#720C40

RGB

114, 12, 64

HSL

329.4, 81.0%, 24.7%

HSV

329.4, 89.5%, 44.7%

CMYK

0.0%, 89.5%, 43.9%, 55.3%

OKLCH

0.3663 0.1393 356.8

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#720C40

#0C723E

Analogous

#710C72

#720C0D

#720C40

Triadic

#720C40

#40720C

#0C4072

Split Complementary

#720C40

#0D720C

#0C7271

Tetradic

#720C40

#72710C

#0C723E

#0C0D72

Color Blindness Simulation

Original

#720C40

Protanopia

#464533

Deuteranopia

#4C5330

Tritanopia

#6D2927

Achromatopsia

#252525

CSS Usage

background-color: #720C40;
color: #720C40;
border-color: #720C40;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDC
300
#F390C3
400
#ED54A2
500
#E71882
600
#B91368
700
#941053
800
#730C41
900
#540D31
950
#35081F

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

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