#508BCB Color

Color Information

HEX#508BCB
RGB80, 139, 203
HSL211° , 54% , 55%
HSV211° , 61% , 80%
CMYK61%, 32%, 0%, 20%

Lighter Shades

#6599D1 #7AA7D7 #8FB5DE #A4C3E4 #B9D1EA #CEDFF0

Darker Shades

#467AB3 #3D6A9A #335982 #2A486A #203851 #162739

Complementary Palette

#4578AF #508BCB #AE7A43 #CA8E4E #D19E67 #699BD2

Analogous Palette

#63A0A1 #65B2B3 #4B83BF #508BCB #6765B3 #716FB8

Triadic Palette

#467AB3 #508BCB #D6438A #DB5A98 #8AD643 #79BC3B

Split Complementary Palette

#487DB7 #508BCB #CA504E #CF6260 #C8CA4E #B4B646

Square Palette

#4375AB #508BCB #BF5ABD #BF8E5A #4ECA50 #6AD26C

Tetradic Palette

#4272A6 #508BCB #8F3ADF #CA8E4E #89DF3A #9EE55D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508BCB contains 80 red, 139 green, and 203 blue.

Contrast Ratio: 3.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.97:1