#078EC5

#078EC5

Color Values

HEX

#078EC5

RGB

7, 142, 197

HSL

197.4, 93.1%, 40.0%

HSV

197.4, 96.4%, 77.3%

CMYK

96.4%, 27.9%, 0.0%, 22.7%

OKLCH

0.6109 0.1285 235.2

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#078EC5

#C53E07

Analogous

#07C59D

#072FC5

#078EC5

Triadic

#078EC5

#C5078E

#8EC507

Split Complementary

#078EC5

#C5072F

#C59D07

Tetradic

#078EC5

#9D07C5

#C53E07

#2FC507

Color Blindness Simulation

Original

#078EC5

Protanopia

#4143B8

Deuteranopia

#3A30B4

Tritanopia

#0EADAB

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAE9FD
300
#89DAFB
400
#49C6F8
500
#09B1F6
600
#078EC5
700
#06729E
800
#04597B
900
#084259
950
#052938

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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