#8BA14C

Color Details

HEX
#8BA14C
RGB
rgb(139, 161, 76)
HSL
hsl(76, 36%, 46%)
CMYK
cmyk(14%, 0%, 53%, 37%)
Best text on this color #000000 (CR 7.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8ba14c
Contrast 7.30:1 AAA
White on #8ba14c
Contrast 2.88:1 Fail
#8ba14c on Black
Contrast 7.30:1 AAA
#8ba14c on White
Contrast 2.88:1 Fail

Tints & Shades

#a2b470
#b9c794
#d1d9b7
#6f813d
#53612e
#38401e

Complement & Analogous

#624ba0
#5fa04b
#a08c4b

Triadic

#4b89a0
#a04b89

Monochrome

#38401e #53612e #8ba14c #b9c794 #d1d9b7 #e8ecdb

Analogous

#a08c4b #bdaf81 #8ba14c #7fb36f #5fa04b #4c803c

Complementary Mix

#53612e #8ba14c #b9c794 #624ba0 #998ac1 #403168

Nearby Colors

#8ba14b
#8ba14d
#8ba13c
#8ba15c

Embed #8BA14C swatch

Embed this swatch

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

Open image

About #8BA14C

#8BA14C converts to RGB(139, 161, 76) and HSL(76, 36%, 46%). 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).

#8BA14C FAQs

What is the RGB value of #8BA14C?
RGB: 139, 161, 76. Copy as CSS: rgb(139, 161, 76)
Is #8BA14C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8BA14C?
Complement: #624ba0.
Does #8BA14C have good contrast on white or black?
On white: 2.88:1 (Fails AA). On black: 7.30:1 (AAA (normal text)).