#712C48

#712C48

Color Values

HEX

#712C48

RGB

113, 44, 72

HSL

335.7, 43.9%, 30.8%

HSV

335.7, 61.1%, 44.3%

CMYK

0.0%, 61.1%, 36.3%, 55.7%

OKLCH

0.4 0.1024 357.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#712C48

#2C7155

Analogous

#712C6A

#71332C

#712C48

Triadic

#712C48

#48712C

#2C4871

Split Complementary

#712C48

#2C7133

#2C6A71

Tetradic

#712C48

#6A712C

#2C7155

#332C71

Color Blindness Simulation

Original

#712C48

Protanopia

#535341

Deuteranopia

#575C40

Tritanopia

#6E3C3B

Achromatopsia

#3D3D3D

CSS Usage

background-color: #712C48;
color: #712C48;
border-color: #712C48;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCCD8
300
#DDA7BD
400
#CA7799
500
#B74875
600
#93395D
700
#752E4B
800
#5C243A
900
#441D2D
950
#2B131C

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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