#0778EC

#0778EC

Color Values

HEX

#0778EC

RGB

7, 120, 236

HSL

210.4, 94.2%, 47.6%

HSV

210.4, 97.0%, 92.5%

CMYK

97.0%, 49.2%, 0.0%, 7.5%

OKLCH

0.585 0.1959 255.9

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#0778EC

#EC7B07

Analogous

#07EAEC

#0907EC

#0778EC

Triadic

#0778EC

#EC0778

#78EC07

Split Complementary

#0778EC

#EC0907

#EAEC07

Tetradic

#0778EC

#EC07EA

#EC7B07

#07EC09

Color Blindness Simulation

Original

#0778EC

Protanopia

#3839D0

Deuteranopia

#3129C9

Tritanopia

#0DBAB5

Achromatopsia

#686868

CSS Usage

background-color: #0778EC;
color: #0778EC;
border-color: #0778EC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#88C1FB
400
#489FFA
500
#077EF8
600
#0665C6
700
#05519E
800
#043F7C
900
#07305A
950
#051E39

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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