#12F31C

Color Details

HEX
#12F31C
RGB
rgb(18, 243, 28)
HSL
hsl(123, 90%, 51%)
CMYK
cmyk(93%, 0%, 88%, 5%)
Best text on this color #000000 (CR 13.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12f31c
Contrast 13.86:1 AAA
White on #12f31c
Contrast 1.51:1 Fail
#12f31c on Black
Contrast 13.86:1 AAA
#12f31c on White
Contrast 1.51:1 Fail

Tints & Shades

#41f549
#71f877
#a0faa4
#0ec216
#0b9211
#07610b

Complement & Analogous

#f312e7
#12f38d
#77f312

Triadic

#1d12f3
#f31d12

Monochrome

#07610b #0b9211 #12f31c #71f877 #a0faa4 #d0fdd2

Analogous

#77f312 #a0f759 #12f31c #41f5a4 #12f38d #0ec271

Complementary Mix

#0b9211 #12f31c #71f877 #f312e7 #f765ef #9e0c96

Nearby Colors

#12f31b
#12f31d
#12f30c
#12f32c

Embed #12F31C swatch

Embed this swatch

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

Open image

About #12F31C

#12F31C converts to RGB(18, 243, 28) and HSL(123, 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).

#12F31C FAQs

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