#508FBC Color

Color Information

HEX#508FBC
RGB80, 143, 188
HSL205° , 45% , 53%
HSV205° , 57% , 74%
CMYK57%, 24%, 0%, 26%

Lighter Shades

#659CC4 #7AAACC #8FB7D4 #A4C5DC #B9D2E4 #CEE0EC

Darker Shades

#467EA5 #3D6D8F #335C78 #2A4A62 #20394B #162835

Complementary Palette

#457BA2 #508FBC #A36C46 #BD7E51 #C69069 #699FC5

Analogous Palette

#649692 #69A5A0 #4B86B1 #508FBC #696EA5 #767BAD

Triadic Palette

#467EA5 #508FBC #C94592 #CF5B9F #92C945 #80B13D

Split Complementary Palette

#4881A9 #508FBC #BD515A #C4626B #BDB451 #AAA249

Square Palette

#43789E #508FBC #AA5DB1 #B1805D #5ABD51 #74C86D

Tetradic Palette

#42759A #508FBC #7B3CD3 #BD7E51 #94D33C #A7DB5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508FBC contains 80 red, 143 green, and 188 blue.

Contrast Ratio: 3.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.08:1