#70A57A

Color Details

HEX
#70A57A
RGB
rgb(112, 165, 122)
HSL
hsl(131, 23%, 54%)
CMYK
cmyk(32%, 0%, 26%, 35%)
Best text on this color #000000 (CR 7.35:1) Determined by WCAG contrast ratio

Readability Previews

Black on #70a57a
Contrast 7.35:1 AAA
White on #70a57a
Contrast 2.86:1 Fail
#70a57a on Black
Contrast 7.35:1 AAA
#70a57a on White
Contrast 2.86:1 Fail

Tints & Shades

#8db795
#a9c9af
#c6dbca
#5a8462
#436349
#2d4231

Complement & Analogous

#a56f9b
#6fa594
#80a56f

Triadic

#796fa5
#a5796f

Monochrome

#2d4231 #436349 #70a57a #a9c9af #c6dbca #e2ede4

Analogous

#80a56f #a6c09a #70a57a #8cb7a9 #6fa594 #598476

Complementary Mix

#436349 #70a57a #a9c9af #a56f9b #c5a1be #6b4865

Nearby Colors

#70a579
#70a57b
#70a56a
#70a58a

Embed #70A57A swatch

Embed this swatch

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

Open image

About #70A57A

#70A57A converts to RGB(112, 165, 122) and HSL(131, 23%, 54%). 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).

#70A57A FAQs

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