#4CC48C

Color Details

HEX
#4CC48C
RGB
rgb(76, 196, 140)
HSL
hsl(152, 50%, 53%)
CMYK
cmyk(61%, 0%, 29%, 23%)
Best text on this color #000000 (CR 9.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4cc48c
Contrast 9.58:1 AAA
White on #4cc48c
Contrast 2.19:1 Fail
#4cc48c on Black
Contrast 9.58:1 AAA
#4cc48c on White
Contrast 2.19:1 Fail

Tints & Shades

#70d0a3
#94dcba
#b7e7d1
#3d9d70
#2e7654
#1e4e38

Complement & Analogous

#c34b83
#4bbfc3
#4bc34f

Triadic

#8b4bc3
#c38b4b

Monochrome

#1e4e38 #2e7654 #4cc48c #94dcba #b7e7d1 #dbf3e8

Analogous

#4bc34f #81d584 #4cc48c #6fcccf #4bbfc3 #3c999c

Complementary Mix

#2e7654 #4cc48c #94dcba #c34b83 #d88aae #7f3155

Nearby Colors

#4cc48b
#4cc48d
#4cc47c
#4cc49c

Embed #4CC48C swatch

Embed this swatch

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

Open image

About #4CC48C

#4CC48C converts to RGB(76, 196, 140) and HSL(152, 50%, 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).

#4CC48C FAQs

What is the RGB value of #4CC48C?
RGB: 76, 196, 140. Copy as CSS: rgb(76, 196, 140)
Is #4CC48C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4CC48C?
Complement: #c34b83.
Does #4CC48C have good contrast on white or black?
On white: 2.19:1 (Fails AA). On black: 9.58:1 (AAA (normal text)).