#776EED

#776EED

Color Values

HEX

#776EED

RGB

119, 110, 237

HSL

244,3, 77,9%, 68,0%

HSV

244,3, 53,6%, 92,9%

CMYK

49,8%, 53,6%, 0,0%, 7,1%

OKLCH

0,6109 0,1851 282,6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#776EED

#E4ED6E

Analogous

#6EA4ED

#B76EED

#776EED

Triadic

#776EED

#ED776E

#6EED77

Split Complementary

#776EED

#EDB76E

#A4ED6E

Tetradic

#776EED

#ED6EA4

#E4ED6E

#6EEDB7

Color Blindness Simulation

Original

#776EED

Protanopia

#7373CE

Deuteranopia

#7474C7

Tritanopia

#77B6B1

Achromatopsia

#797979

CSS Usage

background-color: #776EED;
color: #776EED;
border-color: #776EED;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C3BFF7
300
#9992F1
400
#6257EA
500
#2A1CE3
600
#2217B5
700
#1B1291
800
#150E71
900
#130E52
950
#0C0934

Contrast Checker

Text on white

4,01:1

AA Fail AAA Fail

Text on black

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