#796AEB

#796AEB

Color Values

HEX

#796AEB

RGB

121, 106, 235

HSL

247.0, 76.3%, 66.9%

HSV

247.0, 54.9%, 92.2%

CMYK

48.5%, 54.9%, 0.0%, 7.8%

OKLCH

0.6042 0.1875 284.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#796AEB

#DCEB6A

Analogous

#6A9CEB

#BA6AEB

#796AEB

Triadic

#796AEB

#EB796A

#6AEB79

Split Complementary

#796AEB

#EBBA6A

#9CEB6A

Tetradic

#796AEB

#EB6A9C

#DCEB6A

#6AEBBA

Color Blindness Simulation

Original

#796AEB

Protanopia

#7372CC

Deuteranopia

#7374C4

Tritanopia

#78B3AE

Achromatopsia

#777777

CSS Usage

background-color: #796AEB;
color: #796AEB;
border-color: #796AEB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F2FC
100
#E4E2F9
200
#C6C0F7
300
#9E93F0
400
#6959E9
500
#351EE1
600
#2A18B4
700
#221390
800
#1A0F70
900
#170F52
950
#0E0A34

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026