#4D556C Color

Color Information

HEX#4D556C
RGB77, 85, 108
HSL225° , 17% , 36%
HSV225° , 29% , 42%
CMYK29%, 21%, 0%, 58%

Lighter Shades

#62697E #787E8F #8D92A1 #A2A7B3 #B8BBC4 #CDCFD6

Darker Shades

#444B5F #3B4152 #313645 #282C38 #1F222B #16181E

Complementary Palette

#42495D #4D556C #5C5641 #6B644C #807A65 #666D81

Analogous Palette

#485B61 #4E636A #485066 #4D556C #554E6A #625978

Triadic Palette

#444B5F #4D556C #75434F #865A64 #4F7543 #46673B

Split Complementary Palette

#454D61 #4D556C #6B544C #7A655E #646B4C #5A6044

Square Palette

#41475B #4D556C #6A4E63 #6A634E #4C6B54 #69836F

Tetradic Palette

#3F4659 #4D556C #6D3C7C #6B644C #4C7C3C #6C945F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4D556C contains 77 red, 85 green, and 108 blue.

Contrast Ratio: 7.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.8:1