#48858C

Color Details

HEX
#48858C
RGB
rgb(72, 133, 140)
HSL
hsl(186, 32%, 42%)
CMYK
cmyk(49%, 5%, 0%, 45%)
Best text on this color #000000 (CR 5.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48858c
Contrast 5.01:1 AA
White on #48858c
Contrast 4.19:1 Fail
#48858c on Black
Contrast 5.01:1 AA
#48858c on White
Contrast 4.19:1 Fail

Tints & Shades

#6d9da3
#91b6ba
#b6ced1
#3a6a70
#2b5054
#1d3538

Complement & Analogous

#8d5049
#49648d
#498d72

Triadic

#8d4987
#878d49

Monochrome

#1d3538 #2b5054 #48858c #91b6ba #b6ced1 #dae7e8

Analogous

#498d72 #80af9c #48858c #6d83a4 #49648d #3a5071

Complementary Mix

#2b5054 #48858c #91b6ba #8d5049 #b58d89 #5c342f

Nearby Colors

#48858b
#48858d
#48857c
#48859c

Embed #48858C swatch

Embed this swatch

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

Open image

About #48858C

#48858C converts to RGB(72, 133, 140) and HSL(186, 32%, 42%). 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).

#48858C FAQs

What is the RGB value of #48858C?
RGB: 72, 133, 140. Copy as CSS: rgb(72, 133, 140)
Is #48858C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48858C?
Complement: #8d5049.
Does #48858C have good contrast on white or black?
On white: 4.19:1 (AA (large text)). On black: 5.01:1 (AA (normal text)).