#48D40C

Color Details

HEX
#48D40C
RGB
rgb(72, 212, 12)
HSL
hsl(102, 89%, 44%)
CMYK
cmyk(66%, 0%, 94%, 17%)
Best text on this color #000000 (CR 10.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48d40c
Contrast 10.70:1 AAA
White on #48d40c
Contrast 1.96:1 Fail
#48d40c on Black
Contrast 10.70:1 AAA
#48d40c on White
Contrast 1.96:1 Fail

Tints & Shades

#6ddd3d
#91e56d
#b6ee9e
#3aaa0a
#2b7f07
#1d5505

Complement & Analogous

#980cd4
#0cd434
#acd40c

Triadic

#0c48d4
#d40c48

Monochrome

#1d5505 #2b7f07 #48d40c #91e56d #b6ee9e #daf6ce

Analogous

#acd40c #c5e155 #48d40c #3ddd5d #0cd434 #0aaa2a

Complementary Mix

#2b7f07 #48d40c #91e56d #980cd4 #bc61e3 #63088a

Nearby Colors

#48d40b
#48d40d
#48d3fc
#48d41c

Embed #48D40C swatch

Embed this swatch

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

Open image

About #48D40C

#48D40C converts to RGB(72, 212, 12) and HSL(102, 89%, 44%). 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).

#48D40C FAQs

What is the RGB value of #48D40C?
RGB: 72, 212, 12. Copy as CSS: rgb(72, 212, 12)
Is #48D40C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48D40C?
Complement: #980cd4.
Does #48D40C have good contrast on white or black?
On white: 1.96:1 (Fails AA). On black: 10.70:1 (AAA (normal text)).