#507D8B Color

Color Information

HEX#507D8B
RGB80, 125, 139
HSL194° , 27% , 43%
HSV194° , 42% , 55%
CMYK42%, 10%, 0%, 45%

Lighter Shades

#658D99 #7A9CA7 #8FACB5 #A4BBC3 #B9CBD1 #CEDBDF

Darker Shades

#466E7A #3D5F6A #335059 #2A4148 #203238 #162327

Complementary Palette

#456C78 #507D8B #785145 #8B5E50 #9B7569 #698F9B

Analogous Palette

#57756D #5D7E75 #4B7683 #507D8B #5D667E #66708A

Triadic Palette

#466E7A #507D8B #964583 #A35B92 #839645 #73843D

Split Complementary Palette

#48717D #507D8B #8B5060 #976270 #8B7B50 #7D6F48

Square Palette

#436975 #507D8B #765B80 #80645B #608B50 #799E6C

Tetradic Palette

#426772 #507D8B #533C9F #8B5E50 #889F3C #9DB05F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #507D8B contains 80 red, 125 green, and 139 blue.

Contrast Ratio: 4.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.69:1