#704F95

#704F95

Color Values

HEX

#704F95

RGB

112, 79, 149

HSL

268.3, 30.7%, 44.7%

HSV

268.3, 47.0%, 58.4%

CMYK

24.8%, 47.0%, 0.0%, 41.6%

OKLCH

0.4938 0.1132 304.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#704F95

#74954F

Analogous

#4F5195

#934F95

#704F95

Triadic

#704F95

#95704F

#4F9570

Split Complementary

#704F95

#95934F

#51954F

Tetradic

#704F95

#954F51

#74954F

#4F9593

Color Blindness Simulation

Original

#704F95

Protanopia

#626184

Deuteranopia

#646680

Tritanopia

#6E7774

Achromatopsia

#5B5B5B

CSS Usage

background-color: #704F95;
color: #704F95;
border-color: #704F95;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DBD0E6
300
#C1AFD5
400
#9F84BE
500
#7D58A7
600
#644785
700
#50396B
800
#3F2C53
900
#30233E
950
#1E1627

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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