#71103C

#71103C

Color Values

HEX

#71103C

RGB

113, 16, 60

HSL

332.8, 75.2%, 25.3%

HSV

332.8, 85.8%, 44.3%

CMYK

0.0%, 85.8%, 46.9%, 55.7%

OKLCH

0.3654 0.1337 359.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#71103C

#107145

Analogous

#71106D

#711510

#71103C

Triadic

#71103C

#3C7110

#103C71

Split Complementary

#71103C

#107115

#106D71

Tetradic

#71103C

#6D7110

#107145

#151071

Color Blindness Simulation

Original

#71103C

Protanopia

#474631

Deuteranopia

#4D542F

Tritanopia

#6C2927

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F6C0D9
300
#F094BE
400
#E85A9A
500
#DF2077
600
#B3195F
700
#8F144C
800
#70103B
900
#51102D
950
#330A1D

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

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026