#78ACDA

#78ACDA

Color Values

HEX

#78ACDA

RGB

120, 172, 218

HSL

208,2, 57,0%, 66,3%

HSV

208,2, 45,0%, 85,5%

CMYK

45,0%, 21,1%, 0,0%, 14,5%

OKLCH

0,7255 0,087 246,1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#78ACDA

#DAA678

Analogous

#78DAD7

#787BDA

#78ACDA

Triadic

#78ACDA

#DA78AC

#ACDA78

Split Complementary

#78ACDA

#DA787B

#DAD778

Tetradic

#78ACDA

#D778DA

#DAA678

#7BDA78

Color Blindness Simulation

Original

#78ACDA

Protanopia

#8F8FCF

Deuteranopia

#8C88CC

Tritanopia

#7BC6C4

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DDF0
300
#9FC4E5
400
#6BA4D6
500
#3784C8
600
#2C69A0
700
#235480
800
#1B4264
900
#183249
950
#0F202E

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,71: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