#CFBC6E

Color Details

HEX
#CFBC6E
RGB
rgb(207, 188, 110)
HSL
hsl(48, 50%, 62%)
CMYK
cmyk(0%, 9%, 47%, 19%)
Best text on this color #000000 (CR 11.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cfbc6e
Contrast 11.07:1 AAA
White on #cfbc6e
Contrast 1.90:1 Fail
#cfbc6e on Black
Contrast 11.07:1 AAA
#cfbc6e on White
Contrast 1.90:1 Fail

Tints & Shades

#d9c98b
#e2d7a8
#ece4c5
#a69658
#7c7142
#534b2c

Complement & Analogous

#6e81cf
#b1cf6e
#cf8b6e

Triadic

#6ecfbb
#bb6ecf

Monochrome

#534b2c #7c7142 #cfbc6e #e2d7a8 #ece4c5 #f5f2e2

Analogous

#cf8b6e #ddae9a #cfbc6e #c1d98b #b1cf6e #8ea658

Complementary Mix

#7c7142 #cfbc6e #e2d7a8 #6e81cf #a1ade0 #485487

Nearby Colors

#cfbc6d
#cfbc6f
#cfbc5e
#cfbc7e

Embed #CFBC6E swatch

Embed this swatch

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

Open image

About #CFBC6E

#CFBC6E converts to RGB(207, 188, 110) and HSL(48, 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).

#CFBC6E FAQs

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