#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026