#C48C68

Color Details

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

Readability Previews

Black on #c48c68
Contrast 7.30:1 AAA
White on #c48c68
Contrast 2.88:1 Fail
#c48c68 on Black
Contrast 7.30:1 AAA
#c48c68 on White
Contrast 2.88:1 Fail

Tints & Shades

#d0a386
#dcbaa4
#e7d1c3
#9d7053
#76543e
#4e382a

Complement & Analogous

#68a1c4
#c4ba68
#c46873

Triadic

#68c48c
#8c68c4

Monochrome

#4e382a #76543e #c48c68 #dcbaa4 #e7d1c3 #f3e8e1

Analogous

#c46873 #d6959d #c48c68 #d0c886 #c4ba68 #9d9553

Complementary Mix

#76543e #c48c68 #dcbaa4 #68a1c4 #9dc2d9 #44697f

Nearby Colors

#c48c67
#c48c69
#c48c58
#c48c78

Embed #C48C68 swatch

Embed this swatch

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

Open image

About #C48C68

#C48C68 converts to RGB(196, 140, 104) and HSL(23, 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).

#C48C68 FAQs

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