#776AF3

#776AF3

Color Values

HEX

#776AF3

RGB

119, 106, 243

HSL

245,7, 85,1%, 68,4%

HSV

245,7, 56,4%, 95,3%

CMYK

51,0%, 56,4%, 0,0%, 4,7%

OKLCH

0,6082 0,1981 283,1

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#776AF3

#E6F36A

Analogous

#6AA1F3

#BB6AF3

#776AF3

Triadic

#776AF3

#F3776A

#6AF377

Split Complementary

#776AF3

#F3BB6A

#A1F36A

Tetradic

#776AF3

#F36AA1

#E6F36A

#6AF3BB

Color Blindness Simulation

Original

#776AF3

Protanopia

#7171D2

Deuteranopia

#7273CA

Tritanopia

#76B8B2

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BDFA
300
#988EF6
400
#6050F1
500
#2813EC
600
#200FBD
700
#190C97
800
#140976
900
#120B56
950
#0C0736

Contrast Checker

Text on white

4,09:1

AA Fail AAA Fail

Text on black

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