#776AE3

#776AE3

Color Values

HEX

#776AE3

RGB

119, 106, 227

HSL

246.4, 68.4%, 65.3%

HSV

246.4, 53.3%, 89.0%

CMYK

47.6%, 53.3%, 0.0%, 11.0%

OKLCH

0.5971 0.1772 284.5

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#776AE3

#D6E36A

Analogous

#6A9AE3

#B36AE3

#776AE3

Triadic

#776AE3

#E3776A

#6AE377

Split Complementary

#776AE3

#E3B36A

#9AE36A

Tetradic

#776AE3

#E36A9A

#D6E36A

#6AE3B3

Color Blindness Simulation

Original

#776AE3

Protanopia

#7171C6

Deuteranopia

#7273BF

Tritanopia

#76AFAA

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C8C3F4
300
#A198EC
400
#6E60E1
500
#3B28D7
600
#2F20AC
700
#261A89
800
#1D146B
900
#19134E
950
#100C31

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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