#797DFC

#797DFC

Color Values

HEX

#797DFC

RGB

121, 125, 252

HSL

238,2, 95,6%, 73,1%

HSV

238,2, 52,0%, 98,8%

CMYK

52,0%, 50,4%, 0,0%, 1,2%

OKLCH

0,649 0,1849 278,6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#797DFC

#FCF879

Analogous

#79BEFC

#B679FC

#797DFC

Triadic

#797DFC

#FC797D

#7DFC79

Split Complementary

#797DFC

#FCB679

#BEFC79

Tetradic

#797DFC

#FC79BE

#FCF879

#79FCB6

Color Blindness Simulation

Original

#797DFC

Protanopia

#7B7BDD

Deuteranopia

#7A7AD6

Tritanopia

#79C5C0

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BBFD
300
#878BFC
400
#464CFB
500
#060DF9
600
#040AC8
700
#0408A0
800
#03067D
900
#07095A
950
#040639

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

6,15: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