#507A84 Color

Color Information

HEX#507A84
RGB80, 122, 132
HSL192° , 25% , 42%
HSV192° , 39% , 52%
CMYK39%, 8%, 0%, 48%

Lighter Shades

#658A93 #7A9AA2 #8FAAB0 #A4BABF #B9CACE #CEDADD

Darker Shades

#466B74 #3D5D64 #334E54 #2A3F45 #203135 #162225

Complementary Palette

#456972 #507A84 #734E45 #865B50 #977269 #698D95

Analogous Palette

#55726A #5B7B72 #4B737C #507A84 #5B657B #66718A

Triadic Palette

#466B74 #507A84 #914682 #9E5C91 #829146 #72803E

Split Complementary Palette

#486E77 #507A84 #865060 #926270 #867650 #796A48

Square Palette

#43666F #507A84 #725B7B #7B615B #608650 #79996C

Tetradic Palette

#42646C #507A84 #4F3D99 #865B50 #87993D #9DAB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507A84 contains 80 red, 122 green, and 132 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1