#56A0B0 Color

Color Information

HEX	#56A0B0
RGB	86, 160, 176
HSL	191° , 36% , 51%
HSV	191° , 51% , 69%
CMYK	51%, 9%, 0%, 31%

Lighter Shades

#6AABB9 #7FB7C3 #93C2CC #A7CED6 #BBD9DF #D0E4E9

Darker Shades

#4C8D9B #417A86 #376671 #2D535C #224046 #182D31

Complementary Palette

#4A8A97 #56A0B0 #975849 #AF6655 #BA7B6D #6EADBB

Analogous Palette

#668A7E #6E9689 #5196A5 #56A0B0 #6E7B96 #7A869F

Triadic Palette

#4C8D9B #56A0B0 #BC49A6 #C45FB1 #A6BC49 #92A540

Split Complementary Palette

#4D909E #56A0B0 #AF5572 #B76680 #AF9355 #9E844D

Square Palette

#488694 #56A0B0 #8E62A3 #A36D62 #72AF55 #89BC70

Tetradic Palette

#478390 #56A0B0 #573FC6 #AF6655 #ADC63F #BCD062

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A0B0 contains 86 red, 160 green, and 176 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.16:1