#797AF2

#797AF2

Color Values

HEX

#797AF2

RGB

121, 122, 242

HSL

239,5, 82,3%, 71,2%

HSV

239,5, 50,0%, 94,9%

CMYK

50,0%, 49,6%, 0,0%, 5,1%

OKLCH

0,6371 0,1755 279,8

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#797AF2

#F2F179

Analogous

#79B7F2

#B579F2

#797AF2

Triadic

#797AF2

#F2797A

#7AF279

Split Complementary

#797AF2

#F2B579

#B7F279

Tetradic

#797AF2

#F279B7

#F2F179

#79F2B5

Color Blindness Simulation

Original

#797AF2

Protanopia

#7979D5

Deuteranopia

#7979CE

Tritanopia

#79BEB9

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBEF9
300
#8F90F4
400
#5354EE
500
#1718E8
600
#1213BA
700
#0E1095
800
#0B0C74
900
#0D0D54
950
#080835

Contrast Checker

Text on white

3,57:1

AA Fail AAA Fail

Text on black

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