#558CAA Color

Color Information

HEX#558CAA
RGB85, 140, 170
HSL201° , 33% , 50%
HSV201° , 50% , 67%
CMYK50%, 18%, 0%, 33%

Lighter Shades

#699AB4 #7EA8BE #92B5C9 #A7C3D3 #BBD1DD #CFDFE7

Darker Shades

#4B7B96 #416A81 #365A6D #2C4958 #223844 #182730

Complementary Palette

#497892 #558CAA #926349 #AA7355 #B6876D #6D9CB6

Analogous Palette

#648782 #6C938D #5084A0 #558CAA #6C7293 #787D9B

Triadic Palette

#4B7B96 #558CAA #B64990 #BF5F9D #90B649 #7FA040

Split Complementary Palette

#4D7E99 #558CAA #AA5562 #B36672 #AA9D55 #998D4D

Square Palette

#47768F #558CAA #94629D #9D7762 #62AA55 #7BB870

Tetradic Palette

#46738B #558CAA #6C3EC1 #AA7355 #93C13E #A6CC61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558CAA contains 85 red, 140 green, and 170 blue.

Contrast Ratio: 3.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.8:1