#48C46C

Color Details

HEX
#48C46C
RGB
rgb(72, 196, 108)
HSL
hsl(137, 51%, 53%)
CMYK
cmyk(63%, 0%, 45%, 23%)
Best text on this color #000000 (CR 9.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48c46c
Contrast 9.39:1 AAA
White on #48c46c
Contrast 2.24:1 Fail
#48c46c on Black
Contrast 9.39:1 AAA
#48c46c on White
Contrast 2.24:1 Fail

Tints & Shades

#6dd089
#91dca7
#b6e7c4
#3a9d56
#2b7641
#1d4e2b

Complement & Analogous

#c44aa2
#4ac4aa
#65c44a

Triadic

#6d4ac4
#c46d4a

Monochrome

#1d4e2b #2b7641 #48c46c #91dca7 #b6e7c4 #daf3e2

Analogous

#65c44a #93d680 #48c46c #6ed0bb #4ac4aa #3b9d88

Complementary Mix

#2b7641 #48c46c #91dca7 #c44aa2 #d989c3 #7f3069

Nearby Colors

#48c46b
#48c46d
#48c45c
#48c47c

Embed #48C46C swatch

Embed this swatch

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

Open image

About #48C46C

#48C46C converts to RGB(72, 196, 108) and HSL(137, 51%, 53%). 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).

#48C46C FAQs

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