#78BCF8

#78BCF8

Color Values

HEX

#78BCF8

RGB

120, 188, 248

HSL

208.1, 90.1%, 72.2%

HSV

208.1, 51.6%, 97.3%

CMYK

51.6%, 24.2%, 0.0%, 2.7%

OKLCH

0.7734 0.1107 246.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#78BCF8

#F8B478

Analogous

#78F8F4

#787CF8

#78BCF8

Triadic

#78BCF8

#F878BC

#BCF878

Split Complementary

#78BCF8

#F8787C

#F8F478

Tetradic

#78BCF8

#F478F8

#F8B478

#7CF878

Color Blindness Simulation

Original

#78BCF8

Protanopia

#9596E9

Deuteranopia

#928CE6

Tritanopia

#7BDEDC

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFB
300
#8BC5F9
400
#4CA6F6
500
#0D87F2
600
#0A6CC2
700
#08569B
800
#064379
900
#093358
950
#062037

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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