#557E86 Color

Color Information

HEX#557E86
RGB85, 126, 134
HSL190° , 22% , 43%
HSV190° , 37% , 53%
CMYK37%, 6%, 0%, 47%

Lighter Shades

#698D95 #7E9DA3 #92ACB2 #A7BCC0 #BBCBCF #CFDBDD

Darker Shades

#4B6F76 #416066 #365156 #2C4246 #223236 #182326

Complementary Palette

#496C73 #557E86 #73514A #865E56 #97756E #6D9097

Analogous Palette

#57756C #5D7E73 #50767E #557E86 #5D687E #68748D

Triadic Palette

#4B6F76 #557E86 #914B85 #9E6194 #85914B #758042

Split Complementary Palette

#4D7179 #557E86 #865666 #926775 #867656 #796A4D

Square Palette

#476A71 #557E86 #735D7E #7E635D #668656 #7E9971

Tetradic Palette

#46676E #557E86 #50429A #865E56 #8B9A42 #A0AC64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557E86 contains 85 red, 126 green, and 134 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1