#78B6BE Color

Color Information

HEX#78B6BE
RGB120, 182, 190
HSL187° , 35% , 61%
HSV187° , 37% , 75%
CMYK37%, 4%, 0%, 25%

Lighter Shades

#88BFC6 #98C8CE #A9D0D5 #B9D9DD #C9E2E5 #D9EBED

Darker Shades

#6AA0A7 #5B8A90 #4D747A #3E5F63 #30494C #223335

Complementary Palette

#679DA3 #78B6BE #A36F68 #BE8179 #C7938C #8BC0C7

Analogous Palette

#7EA093 #8DAA9F #71ABB3 #78B6BE #8D98AA #95A0B1

Triadic Palette

#6AA0A7 #78B6BE #C86FBE #CF80C6 #BEC86F #A7B062

Split Complementary Palette

#6CA4AB #78B6BE #BE7993 #C5869E #BEA479 #AB946D

Square Palette

#6599A0 #78B6BE #A183B4 #B48883 #93BE79 #A4C88E

Tetradic Palette

#62959C #78B6BE #7367D0 #BE8179 #C4D067 #CFD882

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78B6BE contains 120 red, 182 green, and 190 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 9.38:1