#556FAF Color

Color Information

HEX	#556FAF
RGB	85, 111, 175
HSL	223° , 36% , 51%
HSV	223° , 51% , 69%
CMYK	51%, 37%, 0%, 31%

Lighter Shades

#6980B9 #7E92C2 #92A3CC #A7B4D5 #BBC5DF #CFD7E9

Darker Shades

#4B629A #415485 #364770 #2C3A5B #222C46 #181F31

Complementary Palette

#495F97 #556FAF #978149 #AF9655 #BAA56D #6D83BA

Analogous Palette

#66838A #6E8D96 #5068A5 #556FAF #776E96 #827A9F

Triadic Palette

#4B629A #556FAF #BC4969 #C45F7B #69BC49 #5CA540

Split Complementary Palette

#4D649E #556FAF #AF6955 #B77866 #9CAF55 #8C9E4D

Square Palette

#475D93 #556FAF #A36294 #A39062 #55AF69 #70BC81

Tetradic Palette

#465B90 #556FAF #9F3FC6 #AF9655 #65C63F #81D062

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556FAF contains 85 red, 111 green, and 175 blue.

Contrast Ratio: 4.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.3:1