#704497

#704497

Color Values

HEX

#704497

RGB

112, 68, 151

HSL

271.8, 37.9%, 42.9%

HSV

271.8, 55.0%, 59.2%

CMYK

25.8%, 55.0%, 0.0%, 40.8%

OKLCH

0.4762 0.1345 306.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#704497

#6B9744

Analogous

#464497

#974494

#704497

Triadic

#704497

#977044

#449770

Split Complementary

#704497

#949744

#449746

Tetradic

#704497

#974644

#6B9744

#449497

Color Blindness Simulation

Original

#704497

Protanopia

#5D5D83

Deuteranopia

#60637E

Tritanopia

#6E7370

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCEE9
300
#C3ABD9
400
#A37DC4
500
#824FB0
600
#683F8D
700
#533371
800
#412858
900
#312041
950
#1F1429

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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