#077BC5

#077BC5

Color Values

HEX

#077BC5

RGB

7, 123, 197

HSL

203.4, 93.1%, 40.0%

HSV

203.4, 96.4%, 77.3%

CMYK

96.4%, 37.6%, 0.0%, 22.7%

OKLCH

0.5656 0.1444 246.3

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#077BC5

#C55107

Analogous

#07C5B0

#071CC5

#077BC5

Triadic

#077BC5

#C5077B

#7BC507

Split Complementary

#077BC5

#C5071C

#C5B007

Tetradic

#077BC5

#B007C5

#C55107

#1CC507

Color Blindness Simulation

Original

#077BC5

Protanopia

#393AB3

Deuteranopia

#322AAF

Tritanopia

#0DA5A2

Achromatopsia

#686868

CSS Usage

background-color: #077BC5;
color: #077BC5;
border-color: #077BC5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE3FD
300
#89CEFB
400
#49B4F8
500
#099AF6
600
#077BC5
700
#06629E
800
#044D7B
900
#083959
950
#052438

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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