#C48C67

Color Details

HEX
#C48C67
RGB
rgb(196, 140, 103)
HSL
hsl(24, 44%, 59%)
CMYK
cmyk(0%, 29%, 47%, 23%)
Best text on this color #000000 (CR 7.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c48c67
Contrast 7.29:1 AAA
White on #c48c67
Contrast 2.88:1 Fail
#c48c67 on Black
Contrast 7.29:1 AAA
#c48c67 on White
Contrast 2.88:1 Fail

Tints & Shades

#d0a385
#dcbaa4
#e7d1c2
#9d7052
#76543e
#4e3829

Complement & Analogous

#68a0c4
#c4bb68
#c46872

Triadic

#68c48d
#8d68c4

Monochrome

#4e3829 #76543e #c48c67 #dcbaa4 #e7d1c2 #f3e8e1

Analogous

#c46872 #d6959c #c48c67 #d0c986 #c4bb68 #9d9653

Complementary Mix

#76543e #c48c67 #dcbaa4 #68a0c4 #9dc1d9 #44687f

Nearby Colors

#c48c66
#c48c68
#c48c57
#c48c77

Embed #C48C67 swatch

Embed this swatch

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

Open image

About #C48C67

#C48C67 converts to RGB(196, 140, 103) and HSL(24, 44%, 59%). 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).

#C48C67 FAQs

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