Created at 03/02/2023 08:28
  23

#56a89a HEX Color information

Color HEX RGB
#56a89a RGB(86, 168, 154)

RGB values are RGB(86, 168, 154)
#56a89a color contain Red 33.73%, Green 65.88% and Blue 60.39%.

Classification of #56a89a color

#56a89a is Light and Cool Color
Opposite Color for #56a89a is #a85764

#56a89a Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a89a

Decimal
5679258
HEX
#56a89a
HSL
hsl(170, 32%, 50%)
HSLA
hsla(170, 32%, 50%, 1)
RGB
RGB(86, 168, 154)
RGBA
RGBA(86, 168, 154, 1)

Palettes for #56a89a color:

Below examples of color palettes for #56a89a HEX color

darkest color is #09110f from shades and lightest color is #eef6f5 from tints

Shades palette of #56a89a:
Tints palette of #56a89a:
Complementary palette of #56a89a:
Triadic palette of #56a89a:
Square palette of #56a89a:
Analogous palette of #56a89a:
Split-Complementary palette of #56a89a:
Rectangle (tetradic) palette of #56a89a:

Suggested colors palettes for #56a89a HEX:

Colors palette with color #56a89a #1:
Colors palette with color #56a89a #2:
Colors palette with color #56a89a #3:
Colors palette with color #56a89a #4:
Colors palette with color #56a89a #5:

Color #56a89a used in palettes (1)

Color Contrast

Color pairings #56a89a with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#56a89a
#56a89a
Contrast Ratio
2.81:1
SizeAA-levelAAA-level
Large text:
Small text:
#56a89a
#56a89a
Contrast Ratio
7.46:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #56a89a color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes