#711877

#711877

Color Values

HEX

#711877

RGB

113, 24, 119

HSL

296.2, 66.4%, 28.0%

HSV

296.2, 79.8%, 46.7%

CMYK

5.0%, 79.8%, 0.0%, 53.3%

OKLCH

0.402 0.1644 325.2

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#711877

#1E7718

Analogous

#411877

#77184D

#711877

Triadic

#711877

#777118

#187771

Split Complementary

#711877

#4D7718

#187741

Tetradic

#711877

#774118

#1E7718

#184D77

Color Blindness Simulation

Original

#711877

Protanopia

#4A4A60

Deuteranopia

#50565A

Tritanopia

#6D4E4A

Achromatopsia

#323232

CSS Usage

background-color: #711877;
color: #711877;
border-color: #711877;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FC
100
#F6E3F7
200
#F0C4F3
300
#E599EA
400
#D762DF
500
#C92BD4
600
#A122AA
700
#811B88
800
#65156A
900
#4A134D
950
#2F0C31

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026