#12C20B

Color Details

HEX
#12C20B
RGB
rgb(18, 194, 11)
HSL
hsl(118, 89%, 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 #12c20b
Contrast 8.75:1 AAA
White on #12c20b
Contrast 2.40:1 Fail
#12c20b on Black
Contrast 8.75:1 AAA
#12c20b on White
Contrast 2.40:1 Fail

Tints & Shades

#41ce3c
#71da6d
#a0e79d
#0e9b09
#0b7407
#074e04

Complement & Analogous

#bb0bc1
#0bc160
#6cc10b

Triadic

#0b11c1
#c10b11

Monochrome

#074e04 #0b7407 #12c20b #71da6d #a0e79d #d0f3ce

Analogous

#6cc10b #98d454 #12c20b #3ccd80 #0bc160 #099a4d

Complementary Mix

#0b7407 #12c20b #71da6d #bb0bc1 #d360d7 #7a077d

Nearby Colors

#12c20a
#12c20c
#12c1fb
#12c21b

Embed #12C20B swatch

Embed this swatch

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

Open image

About #12C20B

#12C20B converts to RGB(18, 194, 11) and HSL(118, 89%, 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).

#12C20B FAQs

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