#507E9C Color

Color Information

HEX#507E9C
RGB80, 126, 156
HSL204° , 32% , 46%
HSV204° , 49% , 61%
CMYK49%, 19%, 0%, 39%

Lighter Shades

#658DA8 #7A9DB4 #8FACC0 #A4BCCC #B9CBD7 #CEDBE3

Darker Shades

#466F89 #3D6077 #335164 #2A4251 #20323E #16232C

Complementary Palette

#456C86 #507E9C #855F45 #9B6E50 #A98269 #6990AA

Analogous Palette

#5D7E7A #648783 #4B7693 #507E9C #646787 #6C7093

Triadic Palette

#466F89 #507E9C #A7447F #B25A8E #7FA744 #70933C

Split Complementary Palette

#48718C #507E9C #9B5057 #A56268 #9B9350 #8C8448

Square Palette

#436A83 #507E9C #8A5B8F #8F705B #579B50 #72AB6C

Tetradic Palette

#426780 #507E9C #6A3BB0 #9B6E50 #81B03B #98BE5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #507E9C contains 80 red, 126 green, and 156 blue.

Contrast Ratio: 4.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.85:1