#704682

#704682

Color Values

HEX

#704682

RGB

112, 70, 130

HSL

282.0, 30.0%, 39.2%

HSV

282.0, 46.2%, 51.0%

CMYK

13.8%, 46.2%, 0.0%, 49.0%

OKLCH

0.4673 0.105 315.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#704682

#588246

Analogous

#524682

#824676

#704682

Triadic

#704682

#827046

#468270

Split Complementary

#704682

#768246

#468252

Tetradic

#704682

#825246

#588246

#467682

Color Blindness Simulation

Original

#704682

Protanopia

#5E5D73

Deuteranopia

#606370

Tritanopia

#6E6866

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D1E6
300
#C9AFD4
400
#AC84BD
500
#8F59A6
600
#724785
700
#5B396A
800
#472D53
900
#36233E
950
#221627

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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