#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026