#778ECA

#778ECA

Color Values

HEX

#778ECA

RGB

119, 142, 202

HSL

223.4, 43.9%, 62.9%

HSV

223.4, 41.1%, 79.2%

CMYK

41.1%, 29.7%, 0.0%, 20.8%

OKLCH

0.653 0.0939 267.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#778ECA

#CAB377

Analogous

#77B7CA

#8977CA

#778ECA

Triadic

#778ECA

#CA778E

#8ECA77

Split Complementary

#778ECA

#CA8977

#B7CA77

Tetradic

#778ECA

#CA77B7

#CAB377

#77CA89

Color Blindness Simulation

Original

#778ECA

Protanopia

#8181BB

Deuteranopia

#807EB8

Tritanopia

#78B0AE

Achromatopsia

#8D8D8D

CSS Usage

background-color: #778ECA;
color: #778ECA;
border-color: #778ECA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CCD4EB
300
#A7B6DD
400
#778ECA
500
#4866B7
600
#395293
700
#2E4275
800
#24335C
900
#1D2844
950
#13192B

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026