#78ABDC

#78ABDC

Color Values

HEX

#78ABDC

RGB

120, 171, 220

HSL

209.4, 58.8%, 66.7%

HSV

209.4, 45.5%, 86.3%

CMYK

45.5%, 22.3%, 0.0%, 13.7%

OKLCH

0.7242 0.0899 248.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#78ABDC

#DCA978

Analogous

#78DCDB

#7879DC

#78ABDC

Triadic

#78ABDC

#DC78AB

#ABDC78

Split Complementary

#78ABDC

#DC7879

#DCDB78

Tetradic

#78ABDC

#DB78DC

#DCA978

#79DC78

Color Blindness Simulation

Original

#78ABDC

Protanopia

#8E8FD0

Deuteranopia

#8B87CD

Tritanopia

#7BC7C5

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DCF0
300
#9EC3E6
400
#69A2D8
500
#3581CA
600
#2A67A2
700
#225382
800
#1A4065
900
#17314A
950
#0E1F2F

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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