#48AE3C

Color Details

HEX
#48AE3C
RGB
rgb(72, 174, 60)
HSL
hsl(114, 49%, 46%)
CMYK
cmyk(59%, 0%, 66%, 32%)
Best text on this color #000000 (CR 7.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48ae3c
Contrast 7.40:1 AAA
White on #48ae3c
Contrast 2.84:1 Fail
#48ae3c on Black
Contrast 7.40:1 AAA
#48ae3c on White
Contrast 2.84:1 Fail

Tints & Shades

#6dbe63
#91ce8a
#b6dfb1
#3a8b30
#2b6824
#1d4618

Complement & Analogous

#a33caf
#3caf6a
#81af3c

Triadic

#3c47af
#af3c47

Monochrome

#1d4618 #2b6824 #48ae3c #91ce8a #b6dfb1 #daefd8

Analogous

#81af3c #a7c777 #48ae3c #63bf88 #3caf6a #308c55

Complementary Mix

#2b6824 #48ae3c #91ce8a #a33caf #c380cb #6a2772

Nearby Colors

#48ae3b
#48ae3d
#48ae2c
#48ae4c

Embed #48AE3C swatch

Embed this swatch

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

Open image

About #48AE3C

#48AE3C converts to RGB(72, 174, 60) and HSL(114, 49%, 46%). 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).

#48AE3C FAQs

What is the RGB value of #48AE3C?
RGB: 72, 174, 60. Copy as CSS: rgb(72, 174, 60)
Is #48AE3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48AE3C?
Complement: #a33caf.
Does #48AE3C have good contrast on white or black?
On white: 2.84:1 (Fails AA). On black: 7.40:1 (AAA (normal text)).