#777FC3

#777FC3

Color Values

HEX

#777FC3

RGB

119, 127, 195

HSL

233.7, 38.8%, 61.6%

HSV

233.7, 39.0%, 76.5%

CMYK

39.0%, 34.9%, 0.0%, 23.5%

OKLCH

0.6183 0.103 277.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#777FC3

#C3BB77

Analogous

#77A5C3

#9577C3

#777FC3

Triadic

#777FC3

#C3777F

#7FC377

Split Complementary

#777FC3

#C39577

#A5C377

Tetradic

#777FC3

#C377A5

#C3BB77

#77C395

Color Blindness Simulation

Original

#777FC3

Protanopia

#7A7BB3

Deuteranopia

#7A79AF

Tritanopia

#77A6A3

Achromatopsia

#828282

CSS Usage

background-color: #777FC3;
color: #777FC3;
border-color: #777FC3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAFDA
400
#7C84C5
500
#4E58B1
600
#3E478E
700
#323971
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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