#720B36

#720B36

Color Values

HEX

#720B36

RGB

114, 11, 54

HSL

335.0, 82.4%, 24.5%

HSV

335.0, 90.4%, 44.7%

CMYK

0.0%, 90.4%, 52.6%, 55.3%

OKLCH

0.3622 0.1365 3.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#720B36

#0B7247

Analogous

#720B69

#72140B

#720B36

Triadic

#720B36

#36720B

#0B3672

Split Complementary

#720B36

#0B7214

#0B6972

Tetradic

#720B36

#69720B

#0B7247

#140B72

Color Blindness Simulation

Original

#720B36

Protanopia

#45452C

Deuteranopia

#4B5329

Tritanopia

#6D2322

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F48FB9
400
#EE5394
500
#E9166E
600
#BA1258
700
#950E46
800
#740B37
900
#540D2A
950
#35081B

Contrast Checker

Text on white

11.56:1

AA Pass AAA Pass

Text on black

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