#557A82 Color

Color Information

HEX#557A82
RGB85, 122, 130
HSL191° , 21% , 42%
HSV191° , 35% , 51%
CMYK35%, 6%, 0%, 49%

Lighter Shades

#698A91 #7E9AA0 #92AAAF #A7BABE #BBCACD #CFDADC

Darker Shades

#4B6B72 #415D63 #364E53 #2C3F44 #223134 #182224

Complementary Palette

#496970 #557A82 #705049 #825D55 #94746D #6D8D94

Analogous Palette

#557268 #5B7B70 #50737A #557A82 #5B657B #66718A

Triadic Palette

#4B6B72 #557A82 #8C4A7F #9A608E #7F8C4A #707B41

Split Complementary Palette

#4D6E75 #557A82 #825563 #8F6673 #827355 #75684D

Square Palette

#47666D #557A82 #705B7B #7B615B #638255 #7C9670

Tetradic Palette

#46646B #557A82 #514195 #825D55 #849541 #9AA863

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #557A82 contains 85 red, 122 green, and 130 blue.

Contrast Ratio: 4.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.53:1