#556996 Color

Color Information

HEX#556996
RGB85, 105, 150
HSL222° , 28% , 46%
HSV222° , 43% , 59%
CMYK43%, 30%, 0%, 41%

Lighter Shades

#697BA3 #7E8DAF #929FBC #A7B1C8 #BBC3D5 #CFD5E2

Darker Shades

#4B5C84 #415072 #364360 #2C374E #222A3C #181D2A

Complementary Palette

#495A81 #556996 #817048 #968254 #A5946C #6D7EA5

Analogous Palette

#5B757B #648087 #50638D #556996 #6B6487 #756C93

Triadic Palette

#4B5C84 #556996 #A24963 #AD5F76 #63A249 #578F40

Split Complementary Palette

#4D5F87 #556996 #966254 #A17265 #899654 #7B874C

Square Palette

#47587E #556996 #8A6082 #8A7E60 #549662 #6FA77B

Tetradic Palette

#46567B #556996 #8B3FAB #968254 #60AB3F #7DBA62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556996 contains 85 red, 105 green, and 150 blue.

Contrast Ratio: 5.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1