#CDA84F

Color Details

HEX
#CDA84F
RGB
rgb(205, 168, 79)
HSL
hsl(42, 56%, 56%)
CMYK
cmyk(0%, 18%, 61%, 20%)
Best text on this color #000000 (CR 9.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cda84f
Contrast 9.31:1 AAA
White on #cda84f
Contrast 2.26:1 Fail
#cda84f on Black
Contrast 9.31:1 AAA
#cda84f on White
Contrast 2.26:1 Fail

Tints & Shades

#d7b972
#e1cb95
#ebdcb9
#a4863f
#7b652f
#524320

Complement & Analogous

#5076ce
#b4ce50
#ce6950

Triadic

#50cea8
#a850ce

Monochrome

#524320 #7b652f #cda84f #e1cb95 #ebdcb9 #f5eedc

Analogous

#ce6950 #dd9685 #cda84f #c3d873 #b4ce50 #90a540

Complementary Mix

#7b652f #cda84f #e1cb95 #5076ce #8da6df #344d86

Nearby Colors

#cda84e
#cda850
#cda83f
#cda85f

Embed #CDA84F swatch

Embed this swatch

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

Open image

About #CDA84F

#CDA84F converts to RGB(205, 168, 79) and HSL(42, 56%, 56%). 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).

#CDA84F FAQs

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