#78AAED

#78AAED

Color Values

HEX

#78AAED

RGB

120, 170, 237

HSL

214.4, 76.5%, 70.0%

HSV

214.4, 49.4%, 92.9%

CMYK

49.4%, 28.3%, 0.0%, 7.1%

OKLCH

0.7297 0.1117 256.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#78AAED

#EDBB78

Analogous

#78E4ED

#8178ED

#78AAED

Triadic

#78AAED

#ED78AA

#AAED78

Split Complementary

#78AAED

#ED8178

#E4ED78

Tetradic

#78AAED

#ED78E4

#EDBB78

#78ED81

Color Blindness Simulation

Original

#78AAED

Protanopia

#8E8EDD

Deuteranopia

#8B87D9

Tritanopia

#7AD0CD

Achromatopsia

#A4A4A4

CSS Usage

background-color: #78AAED;
color: #78AAED;
border-color: #78AAED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FC
100
#E2EBF9
200
#C0D7F7
300
#93BBF1
400
#5896E9
500
#1E71E1
600
#185BB4
700
#134890
800
#0F3971
900
#0F2C52
950
#0A1C34

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026