#8CDC8C

Color Details

HEX
#8CDC8C
RGB
rgb(140, 220, 140)
HSL
hsl(120, 53%, 71%)
CMYK
cmyk(36%, 0%, 36%, 14%)
Best text on this color #000000 (CR 12.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8cdc8c
Contrast 12.73:1 AAA
White on #8cdc8c
Contrast 1.65:1 Fail
#8cdc8c on Black
Contrast 12.73:1 AAA
#8cdc8c on White
Contrast 1.65:1 Fail

Tints & Shades

#a3e3a3
#baeaba
#d1f1d1
#70b070
#548454
#385838

Complement & Analogous

#dc8edc
#8edcb5
#b5dc8e

Triadic

#8e8edc
#dc8e8e

Monochrome

#385838 #548454 #8cdc8c #baeaba #d1f1d1 #e8f8e8

Analogous

#b5dc8e #cbe7b0 #8cdc8c #a5e3c4 #8edcb5 #72b091

Complementary Mix

#548454 #8cdc8c #baeaba #dc8edc #e8b6e8 #8f5c8f

Nearby Colors

#8cdc8b
#8cdc8d
#8cdc7c
#8cdc9c

Embed #8CDC8C swatch

Embed this swatch

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

Open image

About #8CDC8C

#8CDC8C converts to RGB(140, 220, 140) and HSL(120, 53%, 71%). 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).

#8CDC8C FAQs

What is the RGB value of #8CDC8C?
RGB: 140, 220, 140. Copy as CSS: rgb(140, 220, 140)
Is #8CDC8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8CDC8C?
Complement: #dc8edc.
Does #8CDC8C have good contrast on white or black?
On white: 1.65:1 (Fails AA). On black: 12.73:1 (AAA (normal text)).