#70488B

#70488B

Color Values

HEX

#70488B

RGB

112, 72, 139

HSL

275.8, 31.8%, 41.4%

HSV

275.8, 48.2%, 54.5%

CMYK

19.4%, 48.2%, 0.0%, 45.5%

OKLCH

0.4757 0.1126 310.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#70488B

#638B48

Analogous

#4E488B

#8B4885

#70488B

Triadic

#70488B

#8B7048

#488B70

Split Complementary

#70488B

#858B48

#488B4E

Tetradic

#70488B

#8B4E48

#638B48

#48858B

Color Blindness Simulation

Original

#70488B

Protanopia

#5F5E7B

Deuteranopia

#616477

Tritanopia

#6E6E6B

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C6AED5
400
#A683BF
500
#8757A8
600
#6C4686
700
#57386C
800
#442B54
900
#33233E
950
#201627

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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