#70BA4C

Color Details

HEX
#70BA4C
RGB
rgb(112, 186, 76)
HSL
hsl(100, 44%, 51%)
CMYK
cmyk(40%, 0%, 59%, 27%)
Best text on this color #000000 (CR 8.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #70ba4c
Contrast 8.82:1 AAA
White on #70ba4c
Contrast 2.38:1 Fail
#70ba4c on Black
Contrast 8.82:1 AAA
#70ba4c on White
Contrast 2.38:1 Fail

Tints & Shades

#8dc870
#a9d694
#c6e3b7
#5a953d
#43702e
#2d4a1e

Complement & Analogous

#944bb9
#4bb95d
#a7b94b

Triadic

#4b70b9
#b94b70

Monochrome

#2d4a1e #43702e #70ba4c #a9d694 #c6e3b7 #e2f1db

Analogous

#a7b94b #c1ce81 #70ba4c #6fc77d #4bb95d #3c944a

Complementary Mix

#43702e #70ba4c #a9d694 #944bb9 #b98ad2 #603178

Nearby Colors

#70ba4b
#70ba4d
#70ba3c
#70ba5c

Embed #70BA4C swatch

Embed this swatch

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

Open image

About #70BA4C

#70BA4C converts to RGB(112, 186, 76) and HSL(100, 44%, 51%). 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).

#70BA4C FAQs

What is the RGB value of #70BA4C?
RGB: 112, 186, 76. Copy as CSS: rgb(112, 186, 76)
Is #70BA4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #70BA4C?
Complement: #944bb9.
Does #70BA4C have good contrast on white or black?
On white: 2.38:1 (Fails AA). On black: 8.82:1 (AAA (normal text)).