#506274 Color

Color Information

HEX#506274
RGB80, 98, 116
HSL210° , 18% , 38%
HSV210° , 31% , 45%
CMYK31%, 16%, 0%, 55%

Lighter Shades

#657585 #7A8895 #8F9BA6 #A4ADB7 #B9C0C7 #CED3D8

Darker Shades

#465666 #3D4A58 #333F4A #2A333C #20272E #161B20

Complementary Palette

#455464 #506274 #625344 #72614F #867768 #697887

Analogous Palette

#4C6767 #526F6F #4B5C6D #506274 #52526F #5D5D7E

Triadic Palette

#465666 #506274 #7C4662 #8C5C75 #627C46 #566D3E

Split Complementary Palette

#485868 #506274 #724F4F #806161 #72724F #676747

Square Palette

#435261 #506274 #6F526F #6F6152 #4F724F #6B896B

Tetradic Palette

#42505F #506274 #623E84 #72614F #62843E #7E9A61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506274 contains 80 red, 98 green, and 116 blue.

Contrast Ratio: 6.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1