#797EFF

#797EFF

Color Values

HEX

#797EFF

RGB

121, 126, 255

HSL

237.8, 100.0%, 73.7%

HSV

237.8, 52.5%, 100.0%

CMYK

52.5%, 50.6%, 0.0%, 0.0%

OKLCH

0.6528 0.1876 278.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#797EFF

#FFFA79

Analogous

#79C1FF

#B779FF

#797EFF

Triadic

#797EFF

#FF797E

#7EFF79

Split Complementary

#797EFF

#FFB779

#C1FF79

Tetradic

#797EFF

#FF79C1

#FFFA79

#79FFB7

Color Blindness Simulation

Original

#797EFF

Protanopia

#7B7BE0

Deuteranopia

#7B7AD8

Tritanopia

#79C7C2

Achromatopsia

#868686

CSS Usage

background-color: #797EFF;
color: #797EFF;
border-color: #797EFF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFF
300
#8589FF
400
#4249FF
500
#0009FF
600
#0007CC
700
#0006A3
800
#000580
900
#05085C
950
#03053A

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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