#797AEE

#797AEE

Color Values

HEX

#797AEE

RGB

121, 122, 238

HSL

239.5, 77.5%, 70.4%

HSV

239.5, 49.2%, 93.3%

CMYK

49.2%, 48.7%, 0.0%, 6.7%

OKLCH

0.6346 0.1701 280.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#797AEE

#EEED79

Analogous

#79B4EE

#B379EE

#797AEE

Triadic

#797AEE

#EE797A

#7AEE79

Split Complementary

#797AEE

#EEB379

#B4EE79

Tetradic

#797AEE

#EE79B4

#EEED79

#79EEB3

Color Blindness Simulation

Original

#797AEE

Protanopia

#7979D2

Deuteranopia

#7979CB

Tritanopia

#79BCB7

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2F2FC
100
#E1E2F9
200
#C0C0F7
300
#9293F1
400
#5859EA
500
#1D1EE2
600
#1718B5
700
#121391
800
#0E0F71
900
#0F0F52
950
#090A34

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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