#776FEB

#776FEB

Color Values

HEX

#776FEB

RGB

119, 111, 235

HSL

243.9, 75.6%, 67.8%

HSV

243.9, 52.8%, 92.2%

CMYK

49.4%, 52.8%, 0.0%, 7.8%

OKLCH

0.6113 0.1811 282.5

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#776FEB

#E3EB6F

Analogous

#6FA5EB

#B56FEB

#776FEB

Triadic

#776FEB

#EB776F

#6FEB77

Split Complementary

#776FEB

#EBB56F

#A5EB6F

Tetradic

#776FEB

#EB6FA5

#E3EB6F

#6FEBB5

Color Blindness Simulation

Original

#776FEB

Protanopia

#7473CD

Deuteranopia

#7475C6

Tritanopia

#77B5B0

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C4C0F6
300
#9A94F0
400
#6359E8
500
#2C1FE0
600
#2319B3
700
#1C148F
800
#161070
900
#140F51
950
#0C0A33

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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