#797ADE

#797ADE

Color Values

HEX

#797ADE

RGB

121, 122, 222

HSL

239,4, 60,5%, 67,3%

HSV

239,4, 45,5%, 87,1%

CMYK

45,5%, 45,0%, 0,0%, 12,9%

OKLCH

0,6248 0,1481 280,8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#797ADE

#DEDD79

Analogous

#79ADDE

#AB79DE

#797ADE

Triadic

#797ADE

#DE797A

#7ADE79

Split Complementary

#797ADE

#DEAB79

#ADDE79

Tetradic

#797ADE

#DE79AD

#DEDD79

#79DEAB

Color Blindness Simulation

Original

#797ADE

Protanopia

#7979C6

Deuteranopia

#7979C0

Tritanopia

#79B3AE

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F6
200
#C6C6F1
300
#9D9EE7
400
#6869DA
500
#3234CD
600
#282AA4
700
#202183
800
#191A66
900
#16174B
950
#0E0E2F

Contrast Checker

Text on white

3,72:1

AA Fail AAA Fail

Text on black

5,65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026