#797BDF

#797BDF

Color Values

HEX

#797BDF

RGB

121, 123, 223

HSL

238.8, 61.4%, 67.5%

HSV

238.8, 45.7%, 87.5%

CMYK

45.7%, 44.8%, 0.0%, 12.5%

OKLCH

0.6273 0.1481 280.4

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#797BDF

#DFDD79

Analogous

#79AEDF

#AA79DF

#797BDF

Triadic

#797BDF

#DF797B

#7BDF79

Split Complementary

#797BDF

#DFAA79

#AEDF79

Tetradic

#797BDF

#DF79AE

#DFDD79

#79DFAA

Color Blindness Simulation

Original

#797BDF

Protanopia

#7A7AC7

Deuteranopia

#7A7AC1

Tritanopia

#79B4B0

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C5C6F1
300
#9C9EE7
400
#6769DB
500
#3134CE
600
#272AA5
700
#1F2284
800
#191A67
900
#16174B
950
#0E0E30

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026