#711093

#711093

Color Values

HEX

#711093

RGB

113, 16, 147

HSL

284.4, 80.4%, 32.0%

HSV

284.4, 89.1%, 57.6%

CMYK

23.1%, 89.1%, 0.0%, 42.4%

OKLCH

0.4173 0.1944 314.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#711093

#329310

Analogous

#2F1093

#931074

#711093

Triadic

#711093

#937110

#109371

Split Complementary

#711093

#749310

#10932F

Tetradic

#711093

#932F10

#329310

#107493

Color Blindness Simulation

Original

#711093

Protanopia

#474673

Deuteranopia

#4D546C

Tritanopia

#6C5A55

Achromatopsia

#2E2E2E

CSS Usage

background-color: #711093;
color: #711093;
border-color: #711093;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#FAF2FD
100
#F3E1F9
200
#E9BFF8
300
#D991F3
400
#C555ED
500
#B119E6
600
#8D14B8
700
#711093
800
#580C73
900
#410D54
950
#290835

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

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