#CFA56F

Color Details

HEX
#CFA56F
RGB
rgb(207, 165, 111)
HSL
hsl(34, 50%, 62%)
CMYK
cmyk(0%, 20%, 46%, 19%)
Best text on this color #000000 (CR 9.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cfa56f
Contrast 9.26:1 AAA
White on #cfa56f
Contrast 2.27:1 Fail
#cfa56f on Black
Contrast 9.26:1 AAA
#cfa56f on White
Contrast 2.27:1 Fail

Tints & Shades

#d9b78c
#e2c9a9
#ecdbc5
#a68459
#7c6343
#53422c

Complement & Analogous

#6e98cf
#c8cf6e
#cf746e

Triadic

#6ecfa5
#a56ecf

Monochrome

#53422c #7c6343 #cfa56f #e2c9a9 #ecdbc5 #f5ede2

Analogous

#cf746e #dd9e9a #cfa56f #d3d98b #c8cf6e #a0a658

Complementary Mix

#7c6343 #cfa56f #e2c9a9 #6e98cf #a1bce0 #486387

Nearby Colors

#cfa56e
#cfa570
#cfa55f
#cfa57f

Embed #CFA56F swatch

Embed this swatch

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

Open image

About #CFA56F

#CFA56F converts to RGB(207, 165, 111) and HSL(34, 50%, 62%). 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).

#CFA56F FAQs

What is the RGB value of #CFA56F?
RGB: 207, 165, 111. Copy as CSS: rgb(207, 165, 111)
Is #CFA56F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CFA56F?
Complement: #6e98cf.
Does #CFA56F have good contrast on white or black?
On white: 2.27:1 (Fails AA). On black: 9.26:1 (AAA (normal text)).