#0778C5

#0778C5

Color Values

HEX

#0778C5

RGB

7, 120, 197

HSL

204.3, 93.1%, 40.0%

HSV

204.3, 96.4%, 77.3%

CMYK

96.4%, 39.1%, 0.0%, 22.7%

OKLCH

0.5585 0.1474 247.8

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0778C5

#C55407

Analogous

#07C5B3

#0719C5

#0778C5

Triadic

#0778C5

#C50778

#78C507

Split Complementary

#0778C5

#C50719

#C5B307

Tetradic

#0778C5

#B307C5

#C55407

#19C507

Color Blindness Simulation

Original

#0778C5

Protanopia

#3839B2

Deuteranopia

#3129AE

Tritanopia

#0DA4A0

Achromatopsia

#666666

CSS Usage

background-color: #0778C5;
color: #0778C5;
border-color: #0778C5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE2FD
300
#89CDFB
400
#49B1F8
500
#0996F6
600
#0778C5
700
#06609E
800
#044B7B
900
#083859
950
#052338

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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