#12F36C

Color Details

HEX
#12F36C
RGB
rgb(18, 243, 108)
HSL
hsl(144, 90%, 51%)
CMYK
cmyk(93%, 0%, 56%, 5%)
Best text on this color #000000 (CR 14.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12f36c
Contrast 14.06:1 AAA
White on #12f36c
Contrast 1.49:1 Fail
#12f36c on Black
Contrast 14.06:1 AAA
#12f36c on White
Contrast 1.49:1 Fail

Tints & Shades

#41f589
#71f8a7
#a0fac4
#0ec256
#0b9241
#07612b

Complement & Analogous

#f31299
#12f3dc
#28f312

Triadic

#6c12f3
#f36c12

Monochrome

#07612b #0b9241 #12f36c #71f8a7 #a0fac4 #d0fde2

Analogous

#28f312 #69f759 #12f36c #41f5e3 #12f3dc #0ec2b0

Complementary Mix

#0b9241 #12f36c #71f8a7 #f31299 #f765bd #9e0c63

Nearby Colors

#12f36b
#12f36d
#12f35c
#12f37c

Embed #12F36C swatch

Embed this swatch

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

Open image

About #12F36C

#12F36C converts to RGB(18, 243, 108) and HSL(144, 90%, 51%). 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).

#12F36C FAQs

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