#797AC3

#797AC3

Color Values

HEX

#797AC3

RGB

121, 122, 195

HSL

239.2, 38.1%, 62.0%

HSV

239.2, 37.9%, 76.5%

CMYK

37.9%, 37.4%, 0.0%, 23.5%

OKLCH

0.6097 0.1097 282.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#797AC3

#C3C279

Analogous

#799FC3

#9D79C3

#797AC3

Triadic

#797AC3

#C3797A

#7AC379

Split Complementary

#797AC3

#C39D79

#9FC379

Tetradic

#797AC3

#C3799F

#C3C279

#79C39D

Color Blindness Simulation

Original

#797AC3

Protanopia

#7979B1

Deuteranopia

#7979AD

Tritanopia

#79A3A0

Achromatopsia

#7F7F7F

CSS Usage

background-color: #797AC3;
color: #797AC3;
border-color: #797AC3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECEE9
300
#AAABD9
400
#7D7EC5
500
#4F50B0
600
#3F408D
700
#333371
800
#272858
900
#202041
950
#141429

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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