#714580

#714580

Color Values

HEX

#714580

RGB

113, 69, 128

HSL

284.7, 29.9%, 38.6%

HSV

284.7, 46.1%, 50.2%

CMYK

11.7%, 46.1%, 0.0%, 49.8%

OKLCH

0.4657 0.105 317.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#714580

#548045

Analogous

#534580

#804571

#714580

Triadic

#714580

#807145

#458071

Split Complementary

#714580

#718045

#458053

Tetradic

#714580

#805345

#548045

#457180

Color Blindness Simulation

Original

#714580

Protanopia

#5E5E72

Deuteranopia

#60646E

Tritanopia

#6F6664

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E1D1E6
300
#CBB0D4
400
#AE84BD
500
#9259A6
600
#754884
700
#5E396A
800
#492D53
900
#37233D
950
#231627

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

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