#797DC0

#797DC0

Color Values

HEX

#797DC0

RGB

121, 125, 192

HSL

236,6, 36,0%, 61,4%

HSV

236,6, 37,0%, 75,3%

CMYK

37,0%, 34,9%, 0,0%, 24,7%

OKLCH

0,6142 0,101 280,4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#797DC0

#C0BC79

Analogous

#79A1C0

#9979C0

#797DC0

Triadic

#797DC0

#C0797D

#7DC079

Split Complementary

#797DC0

#C09979

#A1C079

Tetradic

#797DC0

#C079A1

#C0BC79

#79C099

Color Blindness Simulation

Original

#797DC0

Protanopia

#7B7BB0

Deuteranopia

#7A7AAC

Tritanopia

#79A3A0

Achromatopsia

#818181

CSS Usage

background-color: #797DC0;
color: #797DC0;
border-color: #797DC0;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E8
300
#ACAED8
400
#7F83C3
500
#5257AD
600
#41458B
700
#34386F
800
#292B57
900
#212340
950
#151629

Contrast Checker

Text on white

3,81:1

AA Fail AAA Fail

Text on black

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