#C4BB7F

Color Details

HEX
#C4BB7F
RGB
rgb(196, 187, 127)
HSL
hsl(52, 37%, 63%)
CMYK
cmyk(0%, 5%, 35%, 23%)
Best text on this color #000000 (CR 10.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4bb7f
Contrast 10.76:1 AAA
White on #c4bb7f
Contrast 1.95:1 Fail
#c4bb7f on Black
Contrast 10.76:1 AAA
#c4bb7f on White
Contrast 1.95:1 Fail

Tints & Shades

#d0c999
#dcd6b2
#e7e4cc
#9d9666
#76704c
#4e4b33

Complement & Analogous

#7e87c4
#aac47e
#c4977e

Triadic

#7ec4ba
#ba7ec4

Monochrome

#4e4b33 #76704c #c4bb7f #dcd6b2 #e7e4cc #f3f1e5

Analogous

#c4977e #d6b6a5 #c4bb7f #bbd098 #aac47e #889d65

Complementary Mix

#76704c #c4bb7f #dcd6b2 #7e87c4 #abb1d9 #52587f

Nearby Colors

#c4bb7e
#c4bb80
#c4bb6f
#c4bb8f

Embed #C4BB7F swatch

Embed this swatch

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

Open image

About #C4BB7F

#C4BB7F converts to RGB(196, 187, 127) and HSL(52, 37%, 63%). 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).

#C4BB7F FAQs

What is the RGB value of #C4BB7F?
RGB: 196, 187, 127. Copy as CSS: rgb(196, 187, 127)
Is #C4BB7F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C4BB7F?
Complement: #7e87c4.
Does #C4BB7F have good contrast on white or black?
On white: 1.95:1 (Fails AA). On black: 10.76:1 (AAA (normal text)).