#722446

#722446

Color Values

HEX

#722446

RGB

114, 36, 70

HSL

333.8, 52.0%, 29.4%

HSV

333.8, 68.4%, 44.7%

CMYK

0.0%, 68.4%, 38.6%, 55.3%

OKLCH

0.3903 0.1149 356.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#722446

#247250

Analogous

#72246D

#722924

#722446

Triadic

#722446

#467224

#244672

Split Complementary

#722446

#247229

#246D72

Tetradic

#722446

#6D7224

#247250

#292472

Color Blindness Simulation

Original

#722446

Protanopia

#50503E

Deuteranopia

#555B3C

Tritanopia

#6E3736

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E2A2BE
400
#D2709A
500
#C23D77
600
#9B315F
700
#7C274C
800
#611F3C
900
#471A2E
950
#2D101D

Contrast Checker

Text on white

10.21:1

AA Pass AAA Pass

Text on black

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