#CFCC76 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This unsaturated, mellow yellow tone brings a gentle warmth to any design. Because it lacks intensity, #cfcc76 works best as a large-scale background rather than a focal point. Black text remains legible against this shade, making it a functional choice for accessible UI layouts. If you want more contrast, try balancing this soft yellow with deeper pink tones.

Questions about #cfcc76

What is #cfcc76 in RGB, HSL and CMYK?

In RGB, #cfcc76 is rgb(207, 204, 118), in HSL hsl(58, 48%, 64%) and in CMYK 0%, 1%, 43%, 19%.

What colors pair well with #cfcc76?

Use this mellow tone alongside charcoal or deep navy to ground its natural brightness. For a softer, sophisticated look, balance the warmth of #cfcc76 with muted mauve or sage green tones, which provide subtle contrast without overwhelming the design.

Is #cfcc76 readable on white or black?

#cfcc76 has a 1.67:1 contrast ratio on white and 12.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#CFCC76 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #cfcc76

Color tools

Resources