#CFA80C

Color Details

HEX
#CFA80C
RGB
rgb(207, 168, 12)
HSL
hsl(48, 89%, 43%)
CMYK
cmyk(0%, 19%, 94%, 19%)
Best text on this color #000000 (CR 9.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cfa80c
Contrast 9.26:1 AAA
White on #cfa80c
Contrast 2.27:1 Fail
#cfa80c on Black
Contrast 9.26:1 AAA
#cfa80c on White
Contrast 2.27:1 Fail

Tints & Shades

#d9b93d
#e2cb6d
#ecdc9e
#a6860a
#7c6507
#534305

Complement & Analogous

#0c33cf
#95cf0c
#cf470c

Triadic

#0ccfa8
#a80ccf

Monochrome

#534305 #7c6507 #cfa80c #e2cb6d #ecdc9e #f5eece

Analogous

#cf470c #dd7e55 #cfa80c #aad93d #95cf0c #77a60a

Complementary Mix

#7c6507 #cfa80c #e2cb6d #0c33cf #617ae0 #082187

Nearby Colors

#cfa80b
#cfa80d
#cfa7fc
#cfa81c

Embed #CFA80C swatch

Embed this swatch

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

Open image

About #CFA80C

#CFA80C converts to RGB(207, 168, 12) and HSL(48, 89%, 43%). 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).

#CFA80C FAQs

What is the RGB value of #CFA80C?
RGB: 207, 168, 12. Copy as CSS: rgb(207, 168, 12)
Is #CFA80C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CFA80C?
Complement: #0c33cf.
Does #CFA80C have good contrast on white or black?
On white: 2.27:1 (Fails AA). On black: 9.26:1 (AAA (normal text)).