#711EB9

#711EB9

Color Values

HEX

#711EB9

RGB

113, 30, 185

HSL

272.1, 72.1%, 42.2%

HSV

272.1, 83.8%, 72.5%

CMYK

38.9%, 83.8%, 0.0%, 27.5%

OKLCH

0.4582 0.2182 302.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#711EB9

#66B91E

Analogous

#231EB9

#B91EB4

#711EB9

Triadic

#711EB9

#B9711E

#1EB971

Split Complementary

#711EB9

#B4B91E

#1EB923

Tetradic

#711EB9

#B9231E

#66B91E

#1EB4B9

Color Blindness Simulation

Original

#711EB9

Protanopia

#4D4C94

Deuteranopia

#52588A

Tritanopia

#6D766F

Achromatopsia

#3B3B3B

CSS Usage

background-color: #711EB9;
color: #711EB9;
border-color: #711EB9;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C596EE
400
#A55DE5
500
#8624DB
600
#6B1CB0
700
#56178C
800
#43126E
900
#331150
950
#200B32

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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