#56A4B0 Color

Color Information

HEX	#56A4B0
RGB	86, 164, 176
HSL	188° , 36% , 51%
HSV	188° , 51% , 69%
CMYK	51%, 7%, 0%, 31%

Lighter Shades

#6AAFB9 #7FBAC3 #93C5CC #A7D0D6 #BBDBDF #D0E6E9

Darker Shades

#4C909B #417D86 #376971 #2D555C #224246 #182E31

Complementary Palette

#4A8D97 #56A4B0 #975349 #AF6155 #BA776D #6EB1BB

Analogous Palette

#668A7D #6E9687 #519AA5 #56A4B0 #6E7D96 #7A879F

Triadic Palette

#4C909B #56A4B0 #BC49AC #C45FB6 #ACBC49 #97A540

Split Complementary Palette

#4D949E #56A4B0 #AF5576 #B76684 #AF8E55 #9E804D

Square Palette

#488A94 #56A4B0 #8B62A3 #A36A62 #76AF55 #8CBC70

Tetradic Palette

#478690 #56A4B0 #513FC6 #AF6155 #B4C63F #C2D062

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A4B0 contains 86 red, 164 green, and 176 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.44:1