#557196 Color

Color Information

HEX#557196
RGB85, 113, 150
HSL214° , 28% , 46%
HSV214° , 43% , 59%
CMYK43%, 25%, 0%, 41%

Lighter Shades

#6982A3 #7E93AF #92A4BC #A7B5C8 #BBC6D5 #CFD7E2

Darker Shades

#4B6384 #415672 #364860 #2C3B4E #222D3C #18202A

Complementary Palette

#496181 #557196 #816948 #967A54 #A58D6C #6D85A5

Analogous Palette

#5B797B #648587 #506A8D #557196 #676487 #6F6C93

Triadic Palette

#4B6384 #557196 #A2496F #AD5F80 #6FA249 #628F40

Split Complementary Palette

#4D6687 #557196 #965954 #A16A65 #929654 #83874C

Square Palette

#475F7E #557196 #8A6088 #8A7960 #549659 #6FA774

Tetradic Palette

#465D7B #557196 #7E3FAB #967A54 #6EAB3F #88BA62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #557196 contains 85 red, 113 green, and 150 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1