#7768EE

#7768EE

Color Values

HEX

#7768EE

RGB

119, 104, 238

HSL

246.7, 79.8%, 67.1%

HSV

246.7, 56.3%, 93.3%

CMYK

50.0%, 56.3%, 0.0%, 6.7%

OKLCH

0.6013 0.1943 284.0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7768EE

#DFEE68

Analogous

#689CEE

#BA68EE

#7768EE

Triadic

#7768EE

#EE7768

#68EE77

Split Complementary

#7768EE

#EEBA68

#9CEE68

Tetradic

#7768EE

#EE689C

#DFEE68

#68EEBA

Color Blindness Simulation

Original

#7768EE

Protanopia

#7170CE

Deuteranopia

#7172C6

Tritanopia

#76B4AE

Achromatopsia

#757575

CSS Usage

background-color: #7768EE;
color: #7768EE;
border-color: #7768EE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C5BFF8
300
#9C91F3
400
#6655EC
500
#301AE5
600
#2715B7
700
#1F1093
800
#180D73
900
#150E53
950
#0E0935

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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