#78C6DB

#78C6DB

Color Values

HEX

#78C6DB

RGB

120, 198, 219

HSL

192.7, 57.9%, 66.5%

HSV

192.7, 45.2%, 85.9%

CMYK

45.2%, 9.6%, 0.0%, 14.1%

OKLCH

0.7837 0.0824 216.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#78C6DB

#DB8D78

Analogous

#78DBBF

#7895DB

#78C6DB

Triadic

#78C6DB

#DB78C6

#C6DB78

Split Complementary

#78C6DB

#DB7895

#DBBF78

Tetradic

#78C6DB

#BF78DB

#DB8D78

#95DB78

Color Blindness Simulation

Original

#78C6DB

Protanopia

#9A9AD6

Deuteranopia

#958FD5

Tritanopia

#7CD2D1

Achromatopsia

#B7B7B7

CSS Usage

background-color: #78C6DB;
color: #78C6DB;
border-color: #78C6DB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4FAFB
100
#E4F2F6
200
#C7E7F0
300
#9ED6E5
400
#6AC0D7
500
#36AAC9
600
#2B88A1
700
#226D81
800
#1B5565
900
#173F4A
950
#0F282F

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.9:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026