#C7C69E

Color Details

HEX
#C7C69E
RGB
rgb(199, 198, 158)
HSL
hsl(59, 27%, 70%)
CMYK
cmyk(0%, 1%, 21%, 22%)
Best text on this color #000000 (CR 12.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7c69e
Contrast 12.00:1 AAA
White on #c7c69e
Contrast 1.75:1 Fail
#c7c69e on Black
Contrast 12.00:1 AAA
#c7c69e on White
Contrast 1.75:1 Fail

Tints & Shades

#d2d1b1
#ddddc5
#e9e8d8
#9f9e7e
#77775f
#504f3f

Complement & Analogous

#9e9fc7
#b3c79e
#c7b29e

Triadic

#9ec7c6
#c69ec7

Monochrome

#504f3f #77775f #c7c69e #ddddc5 #e9e8d8 #f4f4ec

Analogous

#c7b29e #d8c9bb #c7c69e #c2d2b1 #b3c79e #8f9f7e

Complementary Mix

#77775f #c7c69e #ddddc5 #9e9fc7 #c0c1db #676781

Nearby Colors

#c7c69d
#c7c69f
#c7c68e
#c7c6ae

Embed #C7C69E swatch

Embed this swatch

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

Open image

About #C7C69E

#C7C69E converts to RGB(199, 198, 158) and HSL(59, 27%, 70%). 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).

#C7C69E FAQs

What is the RGB value of #C7C69E?
RGB: 199, 198, 158. Copy as CSS: rgb(199, 198, 158)
Is #C7C69E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C7C69E?
Complement: #9e9fc7.
Does #C7C69E have good contrast on white or black?
On white: 1.75:1 (Fails AA). On black: 12.00:1 (AAA (normal text)).