#506672 Color

Color Information

HEX#506672
RGB80, 102, 114
HSL201° , 18% , 38%
HSV201° , 30% , 45%
CMYK30%, 11%, 0%, 55%

Lighter Shades

#657883 #7A8B94 #8F9DA5 #A4AFB6 #B9C2C7 #CED4D8

Darker Shades

#465A64 #3D4E57 #334149 #2A353B #20292E #161D20

Complementary Palette

#455862 #506672 #624F44 #725C4F #867368 #697B86

Analogous Palette

#4C6763 #526F6B #4B606B #506672 #52576F #5D637E

Triadic Palette

#465A64 #506672 #7C4669 #8C5C7B #697C46 #5C6D3E

Split Complementary Palette

#485C67 #506672 #724F55 #806166 #726D4F #676247

Square Palette

#435660 #506672 #6B526F #6F5D52 #55724F #70896B

Tetradic Palette

#42545D #506672 #583E84 #725C4F #6B843E #869A61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506672 contains 80 red, 102 green, and 114 blue.

Contrast Ratio: 6.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1