#711446

#711446

Color Values

HEX

#711446

RGB

113, 20, 70

HSL

327.7, 69.9%, 26.1%

HSV

327.7, 82.3%, 44.3%

CMYK

0.0%, 82.3%, 38.1%, 55.7%

OKLCH

0.3722 0.1342 353.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#711446

#14713F

Analogous

#6E1471

#711418

#711446

Triadic

#711446

#467114

#144671

Split Complementary

#711446

#187114

#14716E

Tetradic

#711446

#716E14

#14713F

#141871

Color Blindness Simulation

Original

#711446

Protanopia

#49483A

Deuteranopia

#4E5537

Tritanopia

#6C302E

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E3EE
200
#F4C2DD
300
#ED97C5
400
#E35FA6
500
#D92686
600
#AD1F6B
700
#8B1956
800
#6C1343
900
#4F1233
950
#320B20

Contrast Checker

Text on white

11.11:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026