#48AE4C

Color Details

HEX
#48AE4C
RGB
rgb(72, 174, 76)
HSL
hsl(122, 41%, 48%)
CMYK
cmyk(59%, 0%, 56%, 32%)
Best text on this color #000000 (CR 7.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48ae4c
Contrast 7.43:1 AAA
White on #48ae4c
Contrast 2.82:1 Fail
#48ae4c on Black
Contrast 7.43:1 AAA
#48ae4c on White
Contrast 2.82:1 Fail

Tints & Shades

#6dbe70
#91ce94
#b6dfb7
#3a8b3d
#2b682e
#1d461e

Complement & Analogous

#ad48a9
#48ad7e
#77ad48

Triadic

#4c48ad
#ad4c48

Monochrome

#1d461e #2b682e #48ae4c #91ce94 #b6dfb7 #daefdb

Analogous

#77ad48 #a0c67f #48ae4c #6dbd98 #48ad7e #3a8a65

Complementary Mix

#2b682e #48ae4c #91ce94 #ad48a9 #ca88c7 #702f6e

Nearby Colors

#48ae4b
#48ae4d
#48ae3c
#48ae5c

Embed #48AE4C swatch

Embed this swatch

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

Open image

About #48AE4C

#48AE4C converts to RGB(72, 174, 76) and HSL(122, 41%, 48%). 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).

#48AE4C FAQs

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