#711292

#711292

Color Values

HEX

#711292

RGB

113, 18, 146

HSL

284.5, 78.0%, 32.2%

HSV

284.5, 87.7%, 57.3%

CMYK

22.6%, 87.7%, 0.0%, 42.7%

OKLCH

0.4176 0.1922 314.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#711292

#339212

Analogous

#311292

#921273

#711292

Triadic

#711292

#927112

#129271

Split Complementary

#711292

#739212

#129231

Tetradic

#711292

#923112

#339212

#127392

Color Blindness Simulation

Original

#711292

Protanopia

#484773

Deuteranopia

#4D546C

Tritanopia

#6C5B55

Achromatopsia

#2F2F2F

CSS Usage

background-color: #711292;
color: #711292;
border-color: #711292;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF2FC
100
#F3E1F9
200
#E9BFF7
300
#D992F2
400
#C457EA
500
#B01CE3
600
#8C16B6
700
#701291
800
#580E71
900
#410E52
950
#290934

Contrast Checker

Text on white

9.53:1

AA Pass AAA Pass

Text on black

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