#507BA5 Color

Color Information

HEX#507BA5
RGB80, 123, 165
HSL210° , 35% , 48%
HSV210° , 52% , 65%
CMYK52%, 25%, 0%, 35%

Lighter Shades

#658BB0 #7A9BBB #8FABC5 #A4BAD0 #B9CADB #CEDAE6

Darker Shades

#466C91 #3D5D7D #334F6A #2A4056 #203142 #16222E

Complementary Palette

#456A8E #507BA5 #8E6945 #A57A50 #B28D69 #698DB2

Analogous Palette

#5F8181 #688D8D #4B749B #507BA5 #68688D #727297

Triadic Palette

#466C91 #507BA5 #B1437A #BA5A8A #7AB143 #6B9C3B

Split Complementary Palette

#486F95 #507BA5 #A55050 #AE6262 #A5A550 #959548

Square Palette

#43678B #507BA5 #995C99 #997A5C #50A550 #6CB36C

Tetradic Palette

#426587 #507BA5 #7A3ABB #A57A50 #7ABB3A #92C75D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #507BA5 contains 80 red, 123 green, and 165 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1