#508FA2 Color

Color Information

HEX#508FA2
RGB80, 143, 162
HSL194° , 34% , 47%
HSV194° , 51% , 64%
CMYK51%, 12%, 0%, 36%

Lighter Shades

#659CAD #7AAAB8 #8FB7C3 #A4C5CF #B9D2DA #CEE0E5

Darker Shades

#467E8F #3D6D7B #335C68 #2A4A54 #203941 #16282D

Complementary Palette

#457B8B #508FA2 #8A5444 #A1624F #AE7868 #699FAF

Analogous Palette

#5D7E75 #668A80 #4B8698 #508FA2 #666F8A #6F7995

Triadic Palette

#467E8F #508FA2 #AD4394 #B75AA1 #94AD43 #82983B

Split Complementary Palette

#488192 #508FA2 #A14F65 #AA6174 #A18B4F #917D47

Square Palette

#437888 #508FA2 #855B95 #95695B #65A14F #7EB06B

Tetradic Palette

#427585 #508FA2 #573AB6 #A1624F #99B63A #ABC35D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508FA2 contains 80 red, 143 green, and 162 blue.

Contrast Ratio: 3.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.87:1