#7971CE

#7971CE

Color Values

HEX

#7971CE

RGB

121, 113, 206

HSL

245,2, 48,7%, 62,5%

HSV

245,2, 45,1%, 80,8%

CMYK

41,3%, 45,1%, 0,0%, 19,2%

OKLCH

0,5983 0,1385 285,3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7971CE

#C6CE71

Analogous

#7197CE

#A771CE

#7971CE

Triadic

#7971CE

#CE7971

#71CE79

Split Complementary

#7971CE

#CEA771

#97CE71

Tetradic

#7971CE

#CE7197

#C6CE71

#71CEA7

Color Blindness Simulation

Original

#7971CE

Protanopia

#7675B8

Deuteranopia

#7677B2

Tritanopia

#79A6A2

Achromatopsia

#797979

CSS Usage

background-color: #7971CE;
color: #7971CE;
border-color: #7971CE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CDCAED
300
#A9A4E0
400
#7B73CF
500
#4C41BE
600
#3D3498
700
#312A79
800
#26215F
900
#1F1B46
950
#14112C

Contrast Checker

Text on white

4,15:1

AA Fail AAA Fail

Text on black

5,07: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