#56A6A4 Color

Color Information

HEX#56A6A4
RGB86, 166, 164
HSL179° , 32% , 49%
HSV179° , 48% , 65%
CMYK48%, 0%, 1%, 35%

Lighter Shades

#6AB1AF #7FBBBA #93C6C5 #A7D1D0 #BBDBDB #D0E6E6

Darker Shades

#4C9290 #417E7D #376A69 #2D5655 #224242 #182E2E

Complementary Palette

#4A8F8D #56A6A4 #8E494A #A55556 #B26D6E #6EB2B1

Analogous Palette

#628472 #6A907C #519C9A #56A6A4 #6A7E90 #758799

Triadic Palette

#4C9290 #56A6A4 #B048B1 #B95EBA #B1B048 #9C9B3F

Split Complementary Palette

#4D9594 #56A6A4 #A5557E #AE668B #A57C55 #95704D

Square Palette

#488B8A #56A6A4 #7C6198 #986162 #7EA555 #93B370

Tetradic Palette

#478886 #56A6A4 #3E41BB #A55556 #BBB93E #C7C661

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A6A4 contains 86 red, 166 green, and 164 blue.

Contrast Ratio: 2.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.5:1