#776AE0

#776AE0

Color Values

HEX

#776AE0

RGB

119, 106, 224

HSL

246.6, 65.6%, 64.7%

HSV

246.6, 52.7%, 87.8%

CMYK

46.9%, 52.7%, 0.0%, 12.2%

OKLCH

0.5951 0.1733 284.8

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#776AE0

#D3E06A

Analogous

#6A98E0

#B26AE0

#776AE0

Triadic

#776AE0

#E0776A

#6AE077

Split Complementary

#776AE0

#E0B26A

#98E06A

Tetradic

#776AE0

#E06A98

#D3E06A

#6AE0B2

Color Blindness Simulation

Original

#776AE0

Protanopia

#7171C3

Deuteranopia

#7273BD

Tritanopia

#76ADA8

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C9C4F3
300
#A29AEA
400
#7063DF
500
#3E2CD3
600
#3223A9
700
#281C87
800
#1F166A
900
#1A144D
950
#110D31

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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