#796BE8

#796BE8

Color Values

HEX

#796BE8

RGB

121, 107, 232

HSL

246.7, 73.1%, 66.5%

HSV

246.7, 53.9%, 91.0%

CMYK

47.8%, 53.9%, 0.0%, 9.0%

OKLCH

0.6038 0.1823 284.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#796BE8

#DAE86B

Analogous

#6B9CE8

#B86BE8

#796BE8

Triadic

#796BE8

#E8796B

#6BE879

Split Complementary

#796BE8

#E8B86B

#9CE86B

Tetradic

#796BE8

#E86B9C

#DAE86B

#6BE8B8

Color Blindness Simulation

Original

#796BE8

Protanopia

#7373CA

Deuteranopia

#7475C2

Tritanopia

#78B2AD

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C7C1F5
300
#9F95EF
400
#6B5CE6
500
#3722DD
600
#2C1BB1
700
#23168D
800
#1C116E
900
#181150
950
#0F0A33

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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