#778ACB

#778ACB

Color Values

HEX

#778ACB

RGB

119, 138, 203

HSL

226.4, 44.7%, 63.1%

HSV

226.4, 41.4%, 79.6%

CMYK

41.4%, 32.0%, 0.0%, 20.4%

OKLCH

0.645 0.1002 271.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#778ACB

#CBB877

Analogous

#77B4CB

#8E77CB

#778ACB

Triadic

#778ACB

#CB778A

#8ACB77

Split Complementary

#778ACB

#CB8E77

#B4CB77

Tetradic

#778ACB

#CB77B4

#CBB877

#77CB8E

Color Blindness Simulation

Original

#778ACB

Protanopia

#7F7FBB

Deuteranopia

#7E7DB8

Tritanopia

#78AFAC

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CBD3EB
300
#A6B3DD
400
#768ACB
500
#4760B8
600
#384D94
700
#2D3E76
800
#23305C
900
#1D2644
950
#12182B

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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