#48BF8C

Color Details

HEX
#48BF8C
RGB
rgb(72, 191, 140)
HSL
hsl(154, 48%, 52%)
CMYK
cmyk(62%, 0%, 27%, 25%)
Best text on this color #000000 (CR 9.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48bf8c
Contrast 9.11:1 AAA
White on #48bf8c
Contrast 2.31:1 Fail
#48bf8c on Black
Contrast 9.11:1 AAA
#48bf8c on White
Contrast 2.31:1 Fail

Tints & Shades

#6dcca3
#91d9ba
#b6e5d1
#3a9970
#2b7354
#1d4c38

Complement & Analogous

#bf4a7d
#4ab8bf
#4abf52

Triadic

#8c4abf
#bf8c4a

Monochrome

#1d4c38 #2b7354 #48bf8c #91d9ba #b6e5d1 #daf2e8

Analogous

#4abf52 #80d286 #48bf8c #6ec6cc #4ab8bf #3b9399

Complementary Mix

#2b7354 #48bf8c #91d9ba #bf4a7d #d589ab #7c3051

Nearby Colors

#48bf8b
#48bf8d
#48bf7c
#48bf9c

Embed #48BF8C swatch

Embed this swatch

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

Open image

About #48BF8C

#48BF8C converts to RGB(72, 191, 140) and HSL(154, 48%, 52%). 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).

#48BF8C FAQs

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