#70478B

#70478B

Color Values

HEX

#70478B

RGB

112, 71, 139

HSL

276.2, 32.4%, 41.2%

HSV

276.2, 48.9%, 54.5%

CMYK

19.4%, 48.9%, 0.0%, 45.5%

OKLCH

0.474 0.1144 310.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#70478B

#628B47

Analogous

#4E478B

#8B4784

#70478B

Triadic

#70478B

#8B7047

#478B70

Split Complementary

#70478B

#848B47

#478B4E

Tetradic

#70478B

#8B4E47

#628B47

#47848B

Color Blindness Simulation

Original

#70478B

Protanopia

#5E5E7B

Deuteranopia

#616477

Tritanopia

#6E6E6B

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E7
300
#C6AED6
400
#A782BF
500
#8856A9
600
#6D4587
700
#57376C
800
#442B54
900
#33223F
950
#201628

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

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