#12C20C

Color Details

HEX
#12C20C
RGB
rgb(18, 194, 12)
HSL
hsl(118, 88%, 40%)
CMYK
cmyk(91%, 0%, 94%, 24%)
Best text on this color #000000 (CR 8.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12c20c
Contrast 8.75:1 AAA
White on #12c20c
Contrast 2.40:1 Fail
#12c20c on Black
Contrast 8.75:1 AAA
#12c20c on White
Contrast 2.40:1 Fail

Tints & Shades

#41ce3d
#71da6d
#a0e79e
#0e9b0a
#0b7407
#074e05

Complement & Analogous

#ba0cc0
#0cc060
#6cc00c

Triadic

#0c12c0
#c00c12

Monochrome

#074e05 #0b7407 #12c20c #71da6d #a0e79e #d0f3ce

Analogous

#6cc00c #98d355 #12c20c #3dcd80 #0cc060 #0a9a4d

Complementary Mix

#0b7407 #12c20c #71da6d #ba0cc0 #d261d6 #79087d

Nearby Colors

#12c20b
#12c20d
#12c1fc
#12c21c

Embed #12C20C swatch

Embed this swatch

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

Open image

About #12C20C

#12C20C converts to RGB(18, 194, 12) and HSL(118, 88%, 40%). 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).

#12C20C FAQs

What is the RGB value of #12C20C?
RGB: 18, 194, 12. Copy as CSS: rgb(18, 194, 12)
Is #12C20C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #12C20C?
Complement: #ba0cc0.
Does #12C20C have good contrast on white or black?
On white: 2.40:1 (Fails AA). On black: 8.75:1 (AAA (normal text)).