#78BEFA

#78BEFA

Color Values

HEX

#78BEFA

RGB

120, 190, 250

HSL

207.7, 92.9%, 72.5%

HSV

207.7, 52.0%, 98.0%

CMYK

52.0%, 24.0%, 0.0%, 2.0%

OKLCH

0.7786 0.1116 245.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#78BEFA

#FAB478

Analogous

#78FAF5

#787DFA

#78BEFA

Triadic

#78BEFA

#FA78BE

#BEFA78

Split Complementary

#78BEFA

#FA787D

#FAF578

Tetradic

#78BEFA

#F578FA

#FAB478

#7DFA78

Color Blindness Simulation

Original

#78BEFA

Protanopia

#9697EB

Deuteranopia

#928DE8

Tritanopia

#7CE0DE

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFC
300
#89C6FB
400
#49A7F8
500
#0989F6
600
#076DC5
700
#06579D
800
#05447B
900
#083459
950
#052138

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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