#711573

#711573

Color Values

HEX

#711573

RGB

113, 21, 115

HSL

298.7, 69.1%, 26.7%

HSV

298.7, 81.7%, 45.1%

CMYK

1.7%, 81.7%, 0.0%, 54.9%

OKLCH

0.3971 0.164 327.2

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#711573

#177315

Analogous

#421573

#731546

#711573

Triadic

#711573

#737115

#157371

Split Complementary

#711573

#467315

#157342

Tetradic

#711573

#734215

#177315

#154673

Color Blindness Simulation

Original

#711573

Protanopia

#49485C

Deuteranopia

#4E5557

Tritanopia

#6C4A46

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F3C3F4
300
#EA98EC
400
#DF5FE2
500
#D427D8
600
#A920AC
700
#88198A
800
#6A146C
900
#4D124F
950
#310C32

Contrast Checker

Text on white

10.21:1

AA Pass AAA Pass

Text on black

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