#C9AE4D

Color Details

HEX
#C9AE4D
RGB
rgb(201, 174, 77)
HSL
hsl(47, 53%, 55%)
CMYK
cmyk(0%, 13%, 62%, 21%)
Best text on this color #000000 (CR 9.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c9ae4d
Contrast 9.65:1 AAA
White on #c9ae4d
Contrast 2.18:1 Fail
#c9ae4d on Black
Contrast 9.65:1 AAA
#c9ae4d on White
Contrast 2.18:1 Fail

Tints & Shades

#d4be71
#dfce94
#e9dfb8
#a18b3e
#79682e
#50461f

Complement & Analogous

#4f6ac9
#a7c94f
#c9724f

Triadic

#4fc9af
#af4fc9

Monochrome

#50461f #79682e #c9ae4d #dfce94 #e9dfb8 #f4efdb

Analogous

#c9724f #d99c84 #c9ae4d #b9d472 #a7c94f #86a13f

Complementary Mix

#79682e #c9ae4d #dfce94 #4f6ac9 #8d9edc #334583

Nearby Colors

#c9ae4c
#c9ae4e
#c9ae3d
#c9ae5d

Embed #C9AE4D swatch

Embed this swatch

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

Open image

About #C9AE4D

#C9AE4D converts to RGB(201, 174, 77) and HSL(47, 53%, 55%). 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).

#C9AE4D FAQs

What is the RGB value of #C9AE4D?
RGB: 201, 174, 77. Copy as CSS: rgb(201, 174, 77)
Is #C9AE4D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C9AE4D?
Complement: #4f6ac9.
Does #C9AE4D have good contrast on white or black?
On white: 2.18:1 (Fails AA). On black: 9.65:1 (AAA (normal text)).