#48865C

Color Details

HEX
#48865C
RGB
rgb(72, 134, 92)
HSL
hsl(139, 30%, 40%)
CMYK
cmyk(46%, 0%, 31%, 47%)
Best text on this color #000000 (CR 4.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48865c
Contrast 4.84:1 AA
White on #48865c
Contrast 4.34:1 Fail
#48865c on Black
Contrast 4.84:1 AA
#48865c on White
Contrast 4.34:1 Fail

Tints & Shades

#6d9e7d
#91b69d
#b6cfbe
#3a6b4a
#2b5037
#1d3625

Complement & Analogous

#854771
#478579
#538547

Triadic

#5b4785
#855b47

Monochrome

#1d3625 #2b5037 #48865c #91b69d #b6cfbe #dae7de

Analogous

#538547 #87aa7e #48865c #6c9d94 #478579 #396a61

Complementary Mix

#2b5037 #48865c #91b69d #854771 #b087a3 #562e49

Nearby Colors

#48865b
#48865d
#48864c
#48866c

Embed #48865C swatch

Embed this swatch

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

Open image

About #48865C

#48865C converts to RGB(72, 134, 92) and HSL(139, 30%, 40%). 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).

#48865C FAQs

What is the RGB value of #48865C?
RGB: 72, 134, 92. Copy as CSS: rgb(72, 134, 92)
Is #48865C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48865C?
Complement: #854771.
Does #48865C have good contrast on white or black?
On white: 4.34:1 (AA (large text)). On black: 4.84:1 (AA (normal text)).