#506A71 Color

Color Information

HEX#506A71
RGB80, 106, 113
HSL193° , 17% , 38%
HSV193° , 29% , 44%
CMYK29%, 6%, 0%, 56%

Lighter Shades

#657C82 #7A8E93 #8FA0A4 #A4B2B5 #B9C3C6 #CED5D7

Darker Shades

#465D63 #3D5156 #334448 #2A373B #202A2D #161E20

Complementary Palette

#455B61 #506A71 #614C45 #715850 #856F69 #697F85

Analogous Palette

#4C675F #526F68 #4B646A #506A71 #525B6F #5D677E

Triadic Palette

#465D63 #506A71 #7B4770 #8B5D81 #707B47 #636C3E

Split Complementary Palette

#485F66 #506A71 #71505A #7F626B #716850 #665E48

Square Palette

#43595F #506A71 #68526F #6F5A52 #5A7150 #74886C

Tetradic Palette

#42575D #506A71 #503F83 #715850 #74833F #8D9962

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506A71 contains 80 red, 106 green, and 113 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1