#7970B3

#7970B3

Color Values

HEX

#7970B3

RGB

121, 112, 179

HSL

248.1, 30.6%, 57.1%

HSV

248.1, 37.4%, 70.2%

CMYK

32.4%, 37.4%, 0.0%, 29.8%

OKLCH

0.5814 0.1015 289.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#7970B3

#AAB370

Analogous

#7089B3

#9B70B3

#7970B3

Triadic

#7970B3

#B37970

#70B379

Split Complementary

#7970B3

#B39B70

#89B370

Tetradic

#7970B3

#B37089

#AAB370

#70B39B

Color Blindness Simulation

Original

#7970B3

Protanopia

#7575A3

Deuteranopia

#76769F

Tritanopia

#799693

Achromatopsia

#777777

CSS Usage

background-color: #7970B3;
color: #7970B3;
border-color: #7970B3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D3D0E6
300
#B4AFD5
400
#8C84BE
500
#6358A7
600
#4F4785
700
#3F396B
800
#322C53
900
#27233E
950
#181627

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

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