#56A49F Color

Color Information

HEX	#56A49F
RGB	86, 164, 159
HSL	176° , 31% , 49%
HSV	176° , 48% , 64%
CMYK	48%, 0%, 3%, 36%

Lighter Shades

#6AAFAB #7FBAB6 #93C5C2 #A7D0CD #BBDBD9 #D0E6E4

Darker Shades

#4C908C #417D79 #376966 #2D5553 #224240 #182E2D

Complementary Palette

#4A8D89 #56A49F #8D4A4E #A4565B #B16E72 #6EB1AC

Analogous Palette

#628470 #6A907A #519A95 #56A49F #6A7F90 #758A99

Triadic Palette

#4C908C #56A49F #A94AB0 #B360B9 #B0A94A #9B9541

Split Complementary Palette

#4D948F #56A49F #A45682 #AD678F #A47856 #946C4D

Square Palette

#488A86 #56A49F #796397 #976366 #82A456 #96B371

Tetradic Palette

#478682 #56A49F #4048BA #A4565B #BAB240 #C6C062

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A49F contains 86 red, 164 green, and 159 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.32:1