#12CA1C

Color Details

HEX
#12CA1C
RGB
rgb(18, 202, 28)
HSL
hsl(123, 84%, 43%)
CMYK
cmyk(91%, 0%, 86%, 21%)
Best text on this color #000000 (CR 9.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12ca1c
Contrast 9.49:1 AAA
White on #12ca1c
Contrast 2.21:1 Fail
#12ca1c on Black
Contrast 9.49:1 AAA
#12ca1c on White
Contrast 2.21:1 Fail

Tints & Shades

#41d549
#71df77
#a0eaa4
#0ea216
#0b7911
#07510b

Complement & Analogous

#ca12c1
#12ca77
#64ca12

Triadic

#1b12ca
#ca1b12

Monochrome

#07510b #0b7911 #12ca1c #71df77 #a0eaa4 #d0f4d2

Analogous

#64ca12 #93da59 #12ca1c #41d592 #12ca77 #0ea25f

Complementary Mix

#0b7911 #12ca1c #71df77 #ca12c1 #dd65d7 #830c7d

Nearby Colors

#12ca1b
#12ca1d
#12ca0c
#12ca2c

Embed #12CA1C swatch

Embed this swatch

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

Open image

About #12CA1C

#12CA1C converts to RGB(18, 202, 28) and HSL(123, 84%, 43%). 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).

#12CA1C FAQs

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