#507A8A Color

Color Information

HEX#507A8A
RGB80, 122, 138
HSL197° , 27% , 43%
HSV197° , 42% , 54%
CMYK42%, 12%, 0%, 46%

Lighter Shades

#658A98 #7A9AA6 #8FAAB4 #A4BAC2 #B9CAD0 #CEDADE

Darker Shades

#466B79 #3D5D69 #334E58 #2A3F48 #203137 #162227

Complementary Palette

#456977 #507A8A #785345 #8B6150 #9B7769 #698D9A

Analogous Palette

#57756F #5D7E77 #4B7382 #507A8A #5D647E #666E8A

Triadic Palette

#466B79 #507A8A #96457F #A35B8E #7F9645 #70843D

Split Complementary Palette

#486E7C #507A8A #8B505D #97626D #8B7E50 #7D7148

Square Palette

#436674 #507A8A #785B80 #80665B #5D8B50 #779E6C

Tetradic Palette

#426471 #507A8A #583C9F #8B6150 #839F3C #99B05F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507A8A contains 80 red, 122 green, and 138 blue.

Contrast Ratio: 4.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.53:1