#72103D

#72103D

Color Values

HEX

#72103D

RGB

114, 16, 61

HSL

332.4, 75.4%, 25.5%

HSV

332.4, 86.0%, 44.7%

CMYK

0.0%, 86.0%, 46.5%, 55.3%

OKLCH

0.3677 0.1349 359.4

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#72103D

#107245

Analogous

#72106E

#721410

#72103D

Triadic

#72103D

#3D7210

#103D72

Split Complementary

#72103D

#107214

#106E72

Tetradic

#72103D

#6E7210

#107245

#141072

Color Blindness Simulation

Original

#72103D

Protanopia

#484732

Deuteranopia

#4D552F

Tritanopia

#6D2A28

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F6C0D9
300
#F094BE
400
#E85A9B
500
#E01F78
600
#B31960
700
#8F144D
800
#70103C
900
#51102E
950
#330A1D

Contrast Checker

Text on white

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