#506174 Color

Color Information

HEX#506174
RGB80, 97, 116
HSL212° , 18% , 38%
HSV212° , 31% , 45%
CMYK31%, 16%, 0%, 55%

Lighter Shades

#657485 #7A8795 #8F9AA6 #A4ADB7 #B9C0C7 #CED3D8

Darker Shades

#465566 #3D4A58 #333E4A #2A323C #20272E #161B20

Complementary Palette

#455364 #506174 #625444 #72624F #867868 #697787

Analogous Palette

#4C6667 #526E6F #4B5B6D #506174 #54526F #5F5D7E

Triadic Palette

#465566 #506174 #7C4660 #8C5C73 #607C46 #546D3E

Split Complementary Palette

#485768 #506174 #72514F #806261 #71724F #666747

Square Palette

#435161 #506174 #6F526E #6F6252 #4F7251 #6B896D

Tetradic Palette

#42505F #506174 #643E84 #72624F #60843E #7D9A61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506174 contains 80 red, 97 green, and 116 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1