#507A9C Color

Color Information

HEX	#507A9C
RGB	80, 122, 156
HSL	207° , 32% , 46%
HSV	207° , 49% , 61%
CMYK	49%, 22%, 0%, 39%

Lighter Shades

#658AA8 #7A9AB4 #8FAAC0 #A4BACC #B9CAD7 #CEDAE3

Darker Shades

#466B89 #3D5D77 #334E64 #2A3F51 #20313E #16222C

Complementary Palette

#456986 #507A9C #856245 #9B7250 #A98669 #698DAA

Analogous Palette

#5D7E7C #648785 #4B7393 #507A9C #646587 #6C6E93

Triadic Palette

#466B89 #507A9C #A7447A #B25A8A #7AA744 #6B933C

Split Complementary Palette

#486E8C #507A9C #9B5054 #A56265 #9B9750 #8C8848

Square Palette

#436683 #507A9C #8D5B8F #8F735B #549B50 #6FAB6C

Tetradic Palette

#426480 #507A9C #6F3BB0 #9B7250 #7BB03B #93BE5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507A9C contains 80 red, 122 green, and 156 blue.

Contrast Ratio: 4.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.65:1