#56A57A

Color Details

HEX
#56A57A
RGB
rgb(86, 165, 122)
HSL
hsl(147, 31%, 49%)
CMYK
cmyk(48%, 0%, 26%, 35%)
Best text on this color #000000 (CR 7.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #56a57a
Contrast 7.06:1 AAA
White on #56a57a
Contrast 2.98:1 Fail
#56a57a on Black
Contrast 7.06:1 AAA
#56a57a on White
Contrast 2.98:1 Fail

Tints & Shades

#78b795
#9ac9af
#bbdbca
#458462
#346349
#224231

Complement & Analogous

#a45681
#56a4a0
#5aa456

Triadic

#7956a4
#a47956

Monochrome

#224231 #346349 #56a57a #9ac9af #bbdbca #ddede4

Analogous

#5aa456 #8cbf89 #56a57a #78b6b3 #56a4a0 #458380

Complementary Mix

#346349 #56a57a #9ac9af #a45681 #c491ad #6b3854

Nearby Colors

#56a579
#56a57b
#56a56a
#56a58a

Embed #56A57A swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #56A57A

#56A57A converts to RGB(86, 165, 122) and HSL(147, 31%, 49%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#56A57A FAQs

What is the RGB value of #56A57A?
RGB: 86, 165, 122. Copy as CSS: rgb(86, 165, 122)
Is #56A57A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #56A57A?
Complement: #a45681.
Does #56A57A have good contrast on white or black?
On white: 2.98:1 (Fails AA). On black: 7.06:1 (AAA (normal text)).