#72103E

#72103E

Color Values

HEX

#72103E

RGB

114, 16, 62

HSL

331.8, 75.4%, 25.5%

HSV

331.8, 86.0%, 44.7%

CMYK

0.0%, 86.0%, 45.6%, 55.3%

OKLCH

0.3681 0.1353 358.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#72103E

#107244

Analogous

#72106F

#721310

#72103E

Triadic

#72103E

#3E7210

#103E72

Split Complementary

#72103E

#107213

#106F72

Tetradic

#72103E

#6F7210

#107244

#131072

Color Blindness Simulation

Original

#72103E

Protanopia

#484733

Deuteranopia

#4D5530

Tritanopia

#6D2A28

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F6C0DA
300
#F094BF
400
#E85A9C
500
#E01F7A
600
#B31961
700
#8F144E
800
#70103D
900
#51102E
950
#330A1D

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

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