#704789

#704789

Color Values

HEX

#704789

RGB

112, 71, 137

HSL

277.3, 31.7%, 40.8%

HSV

277.3, 48.2%, 53.7%

CMYK

18.2%, 48.2%, 0.0%, 46.3%

OKLCH

0.4729 0.1119 311.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#704789

#608947

Analogous

#4F4789

#894781

#704789

Triadic

#704789

#897047

#478970

Split Complementary

#704789

#818947

#47894F

Tetradic

#704789

#894F47

#608947

#478189

Color Blindness Simulation

Original

#704789

Protanopia

#5E5E79

Deuteranopia

#616475

Tritanopia

#6E6C6A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E7
300
#C7AED5
400
#A883BF
500
#8957A8
600
#6E4686
700
#58386B
800
#452C54
900
#34233E
950
#211627

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026