#077EC5

#077EC5

Color Values

HEX

#077EC5

RGB

7, 126, 197

HSL

202.4, 93.1%, 40.0%

HSV

202.4, 96.4%, 77.3%

CMYK

96.4%, 36.0%, 0.0%, 22.7%

OKLCH

0.5726 0.1415 244.8

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#077EC5

#C54E07

Analogous

#07C5AD

#071FC5

#077EC5

Triadic

#077EC5

#C5077E

#7EC507

Split Complementary

#077EC5

#C5071F

#C5AD07

Tetradic

#077EC5

#AD07C5

#C54E07

#1FC507

Color Blindness Simulation

Original

#077EC5

Protanopia

#3B3CB4

Deuteranopia

#342BB0

Tritanopia

#0DA6A3

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE4FD
300
#89D0FB
400
#49B7F8
500
#099EF6
600
#077EC5
700
#06659E
800
#044F7B
900
#083B59
950
#052538

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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