#56769D Color

Color Information

HEX#56769D
RGB86, 118, 157
HSL213° , 29% , 48%
HSV213° , 45% , 62%
CMYK45%, 25%, 0%, 38%

Lighter Shades

#6A86A9 #7F97B5 #93A7C0 #A7B8CC #BBC8D8 #D0D9E4

Darker Shades

#4C688A #415A77 #374C64 #2D3D52 #222F3F #18212C

Complementary Palette

#4A6587 #56769D #886C4B #9E7E57 #AC906F #6E89AB

Analogous Palette

#5F7F81 #688B8D #516F94 #56769D #6A688D #747297

Triadic Palette

#4C688A #56769D #AA4B76 #B46186 #76AA4B #689642

Split Complementary Palette

#4D6A8D #56769D #9E5A57 #A86B68 #9A9E57 #8B8E4E

Square Palette

#486384 #56769D #92638F #927D63 #579E5A #72AE74

Tetradic Palette

#476181 #56769D #8041B4 #9E7E57 #75B441 #8EC263

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56769D contains 86 red, 118 green, and 157 blue.

Contrast Ratio: 4.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.51:1