#78B2ED

#78B2ED

Color Values

HEX

#78B2ED

RGB

120, 178, 237

HSL

210.3, 76.5%, 70.0%

HSV

210.3, 49.4%, 92.9%

CMYK

49.4%, 24.9%, 0.0%, 7.1%

OKLCH

0.7469 0.105 249.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#78B2ED

#EDB378

Analogous

#78ECED

#7978ED

#78B2ED

Triadic

#78B2ED

#ED78B2

#B2ED78

Split Complementary

#78B2ED

#ED7978

#ECED78

Tetradic

#78B2ED

#ED78EC

#EDB378

#78ED79

Color Blindness Simulation

Original

#78B2ED

Protanopia

#9192DF

Deuteranopia

#8E89DB

Tritanopia

#7BD3D1

Achromatopsia

#AAAAAA

CSS Usage

background-color: #78B2ED;
color: #78B2ED;
border-color: #78B2ED;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DBF7
300
#93C1F1
400
#58A0E9
500
#1E7FE1
600
#1865B4
700
#135190
800
#0F3F71
900
#0F3052
950
#0A1E34

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

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