#796BEB

#796BEB

Color Values

HEX

#796BEB

RGB

121, 107, 235

HSL

246.6, 76.2%, 67.1%

HSV

246.6, 54.5%, 92.2%

CMYK

48.5%, 54.5%, 0.0%, 7.8%

OKLCH

0.6059 0.1862 284.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#796BEB

#DDEB6B

Analogous

#6B9DEB

#B96BEB

#796BEB

Triadic

#796BEB

#EB796B

#6BEB79

Split Complementary

#796BEB

#EBB96B

#9DEB6B

Tetradic

#796BEB

#EB6B9D

#DDEB6B

#6BEBB9

Color Blindness Simulation

Original

#796BEB

Protanopia

#7373CC

Deuteranopia

#7475C5

Tritanopia

#78B4AE

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C0F7
300
#9D93F0
400
#6959E9
500
#341EE1
600
#2918B4
700
#211390
800
#1A0F70
900
#170F52
950
#0E0A34

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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