#776BEC

#776BEC

Color Values

HEX

#776BEC

RGB

119, 107, 236

HSL

245.6, 77.2%, 67.3%

HSV

245.6, 54.7%, 92.5%

CMYK

49.6%, 54.7%, 0.0%, 7.5%

OKLCH

0.605 0.1877 283.5

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#776BEC

#E0EC6B

Analogous

#6BA0EC

#B86BEC

#776BEC

Triadic

#776BEC

#EC776B

#6BEC77

Split Complementary

#776BEC

#ECB86B

#A0EC6B

Tetradic

#776BEC

#EC6BA0

#E0EC6B

#6BECB8

Color Blindness Simulation

Original

#776BEC

Protanopia

#7272CD

Deuteranopia

#7273C5

Tritanopia

#76B4AF

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C5C0F7
300
#9B93F1
400
#6558E9
500
#2F1DE2
600
#2617B5
700
#1E1391
800
#180F71
900
#150F52
950
#0D0934

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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