#7070DA

#7070DA

Color Values

HEX

#7070DA

RGB

112, 112, 218

HSL

240.0, 58.9%, 64.7%

HSV

240.0, 48.6%, 85.5%

CMYK

48.6%, 48.6%, 0.0%, 14.5%

OKLCH

0.5967 0.1578 280.5

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#7070DA

#DADA70

Analogous

#70A5DA

#A570DA

#7070DA

Triadic

#7070DA

#DA7070

#70DA70

Split Complementary

#7070DA

#DAA570

#A5DA70

Tetradic

#7070DA

#DA70A5

#DADA70

#70DAA5

Color Blindness Simulation

Original

#7070DA

Protanopia

#7070C0

Deuteranopia

#7070BA

Tritanopia

#70ACA8

Achromatopsia

#787878

CSS Usage

background-color: #7070DA;
color: #7070DA;
border-color: #7070DA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E4E4F6
200
#C6C6F0
300
#9E9EE6
400
#6969D8
500
#3434CB
600
#2A2AA2
700
#222282
800
#1A1A65
900
#17174A
950
#0E0E2F

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass 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