#56BA9C Color

Color Information

HEX#56BA9C
RGB86, 186, 156
HSL162° , 42% , 53%
HSV162° , 54% , 73%
CMYK54%, 0%, 16%, 27%

Lighter Shades

#6AC2A8 #7FCBB4 #93D3C0 #A7DBCC #BBE3D7 #D0ECE3

Darker Shades

#4CA489 #418D77 #377764 #2D6151 #224A3E #18342C

Complementary Palette

#4AA086 #56BA9C #9F4963 #B95573 #C36D87 #6EC4AA

Analogous Palette

#689270 #6DA277 #51AF93 #56BA9C #6D97A2 #79A0A9

Triadic Palette

#4CA489 #56BA9C #A049C5 #AB5FCC #C5A049 #AD8D40

Split Complementary Palette

#4DA78C #56BA9C #B955A5 #C066AE #B96955 #A75F4D

Square Palette

#489C83 #56BA9C #7061AE #AE6178 #A5B955 #B3C470

Tetradic Palette

#479980 #56BA9C #3F6ACF #B95573 #CFA43F #D8B462

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56BA9C contains 86 red, 186 green, and 156 blue.

Contrast Ratio: 2.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.02:1