#56A38C

Color Details

HEX
#56A38C
RGB
rgb(86, 163, 140)
HSL
hsl(162, 31%, 49%)
CMYK
cmyk(47%, 0%, 14%, 36%)
Best text on this color #000000 (CR 7.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #56a38c
Contrast 7.01:1 AAA
White on #56a38c
Contrast 2.99:1 Fail
#56a38c on Black
Contrast 7.01:1 AAA
#56a38c on White
Contrast 2.99:1 Fail

Tints & Shades

#78b5a3
#9ac8ba
#bbdad1
#458270
#346254
#224138

Complement & Analogous

#a4566d
#5694a4
#56a466

Triadic

#8c56a4
#a48c56

Monochrome

#224138 #346254 #56a38c #9ac8ba #bbdad1 #ddede8

Analogous

#56a466 #89bf94 #56a38c #78a9b6 #5694a4 #457683

Complementary Mix

#346254 #56a38c #9ac8ba #a4566d #c491a0 #6b3847

Nearby Colors

#56a38b
#56a38d
#56a37c
#56a39c

Embed #56A38C swatch

Embed this swatch

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

Open image

About #56A38C

#56A38C converts to RGB(86, 163, 140) and HSL(162, 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).

#56A38C FAQs

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