#506680 Color

Color Information

HEX#506680
RGB80, 102, 128
HSL213° , 23% , 41%
HSV213° , 38% , 50%
CMYK38%, 20%, 0%, 50%

Lighter Shades

#65788F #7A8B9E #8F9DAE #A4AFBD #B9C2CC #CED4DB

Darker Shades

#465A71 #3D4E61 #334152 #2A3543 #202933 #161D24

Complementary Palette

#45586E #506680 #6F5C46 #816B51 #938069 #697B92

Analogous Palette

#526D6F #597678 #4B6078 #506680 #5A5978 #656487

Triadic Palette

#465A71 #506680 #8B4664 #995C77 #648B46 #587A3E

Split Complementary Palette

#485C73 #506680 #815351 #8E6462 #7E8151 #717449

Square Palette

#43566C #506680 #785976 #786A59 #518153 #6D956F

Tetradic Palette

#425469 #506680 #6D3E93 #816B51 #63933E #7FA661

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506680 contains 80 red, 102 green, and 128 blue.

Contrast Ratio: 5.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.55:1