#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026