#78A3AF Color

Color Information

HEX	#78A3AF
RGB	120, 163, 175
HSL	193° , 26% , 58%
HSV	193° , 31% , 69%
CMYK	31%, 7%, 0%, 31%

Lighter Shades

#88AEB9 #98B9C2 #A9C4CC #B9CFD5 #C9DADF #D9E5E9

Darker Shades

#6A8F9A #5B7C85 #4D6870 #3E555B #304146 #222E31

Complementary Palette

#678C97 #78A3AF #977267 #B08478 #BB958B #8BB0BA

Analogous Palette

#75998F #84A49B #7199A5 #78A3AF #848DA4 #8D96AA

Triadic Palette

#6A8F9A #78A3AF #BA6DAA #C27FB4 #AABA6D #96A460

Split Complementary Palette

#6C939E #78A3AF #B07888 #B88694 #B0A078 #9E906C

Square Palette

#658993 #78A3AF #9B83A5 #A58A83 #88B078 #9BBD8E

Tetradic Palette

#628690 #78A3AF #7965C3 #B08478 #AFC365 #BDCE81

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78A3AF contains 120 red, 163 green, and 175 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.78:1