#710C36

#710C36

Color Values

HEX

#710C36

RGB

113, 12, 54

HSL

335.0, 80.8%, 24.5%

HSV

335.0, 89.4%, 44.3%

CMYK

0.0%, 89.4%, 52.2%, 55.7%

OKLCH

0.3608 0.135 3.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#710C36

#0C7147

Analogous

#710C69

#71140C

#710C36

Triadic

#710C36

#36710C

#0C3671

Split Complementary

#710C36

#0C7114

#0C6971

Tetradic

#710C36

#69710C

#0C7147

#140C71

Color Blindness Simulation

Original

#710C36

Protanopia

#45442C

Deuteranopia

#4B5329

Tritanopia

#6C2422

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EB
200
#F8BED6
300
#F390BA
400
#ED5494
500
#E7186E
600
#B81458
700
#941047
800
#730C37
900
#540D2B
950
#35081B

Contrast Checker

Text on white

11.62:1

AA Pass AAA Pass

Text on black

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