#508BB9 Color

Color Information

HEX#508BB9
RGB80, 139, 185
HSL206° , 43% , 52%
HSV206° , 57% , 73%
CMYK57%, 25%, 0%, 27%

Lighter Shades

#6599C1 #7AA7CA #8FB5D2 #A4C3DB #B9D1E3 #CEDFEB

Darker Shades

#467AA3 #3D6A8D #335976 #2A4860 #20384A #162734

Complementary Palette

#45789F #508BB9 #9F6C45 #B97E50 #C39069 #699BC3

Analogous Palette

#63928F #68A19D #4B83AE #508BB9 #686CA1 #7578A9

Triadic Palette

#467AA3 #508BB9 #C5448D #CC5A9B #8DC544 #7CAD3C

Split Complementary Palette

#487DA7 #508BB9 #B95057 #C06268 #B9B250 #A7A048

Square Palette

#43759B #508BB9 #A85CAD #AD7F5C #57B950 #72C46C

Tetradic Palette

#427298 #508BB9 #7B3ACF #B97E50 #8FCF3A #A3D85D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508BB9 contains 80 red, 139 green, and 185 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.81:1