#556F94 Color

Color Information

HEX#556F94
RGB85, 111, 148
HSL215° , 27% , 46%
HSV215° , 43% , 58%
CMYK43%, 25%, 0%, 42%

Lighter Shades

#6980A1 #7E92AE #92A3BB #A7B4C7 #BBC5D4 #CFD7E1

Darker Shades

#4B6282 #415470 #36475F #2C3A4D #222C3B #181F29

Complementary Palette

#495F7F #556F94 #806A4A #957B56 #A48D6E #6D83A3

Analogous Palette

#5B787B #648487 #50688B #556F94 #676487 #6F6C93

Triadic Palette

#4B6282 #556F94 #A14A6E #AC607F #6EA14A #618E41

Split Complementary Palette

#4D6485 #556F94 #955B56 #A06B67 #909556 #82864D

Square Palette

#475D7C #556F94 #896186 #897961 #56955B #71A675

Tetradic Palette

#465B79 #556F94 #7E41AA #957B56 #6DAA41 #87B963

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556F94 contains 85 red, 111 green, and 148 blue.

Contrast Ratio: 5.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.11:1