#C8A86F

Color Details

HEX
#C8A86F
RGB
rgb(200, 168, 111)
HSL
hsl(38, 45%, 61%)
CMYK
cmyk(0%, 16%, 45%, 22%)
Best text on this color #000000 (CR 9.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c8a86f
Contrast 9.29:1 AAA
White on #c8a86f
Contrast 2.26:1 Fail
#c8a86f on Black
Contrast 9.29:1 AAA
#c8a86f on White
Contrast 2.26:1 Fail

Tints & Shades

#d3b98c
#decba9
#e9dcc5
#a08659
#786543
#50432c

Complement & Analogous

#6f90c8
#bcc86f
#c87b6f

Triadic

#6fc8a7
#a76fc8

Monochrome

#50432c #786543 #c8a86f #decba9 #e9dcc5 #f4eee2

Analogous

#c87b6f #d9a39a #c8a86f #c9d38c #bcc86f #96a059

Complementary Mix

#786543 #c8a86f #decba9 #6f90c8 #a1b7db #485e82

Nearby Colors

#c8a86e
#c8a870
#c8a85f
#c8a87f

Embed #C8A86F swatch

Embed this swatch

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

Open image

About #C8A86F

#C8A86F converts to RGB(200, 168, 111) and HSL(38, 45%, 61%). 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).

#C8A86F FAQs

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