#CFB77C Hex Color

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

Hex color #cfb77c graphic
This muted yellow possesses a soft, sandy warmth that avoids being overly bright. The hex code #cfb77c works well as a supporting background tone, offering enough contrast to keep black text readable without relying on harsh whites. Because of its desaturated, earthy quality, pair this shade with deep charcoal or slate blue to ground its gentle energy in modern interface design.

Questions about #cfb77c

What is #cfb77c in RGB, HSL and CMYK?
In RGB, #cfb77c is rgb(207, 183, 124), in HSL hsl(43, 46%, 65%) and in CMYK 0%, 12%, 40%, 19%.
What colors pair well with #cfb77c in a UI design?
Use #cfb77c as a neutral background that works effectively when grounded by deep charcoal or cool slate blue text. These high-contrast pairings maintain readability while preserving the warmth of the sandy base without becoming overwhelming to the viewer.
Does #cfb77c function better as a primary or secondary color?
Because of its desaturated, earthy nature, #cfb77c is best utilized as a supportive secondary tone or a background color. It provides subtle visual interest without competing for attention, making it ideal for sections that require a calm, approachable aesthetic.
Is #cfb77c readable on white or black?
#cfb77c has a 1.95:1 contrast ratio on white and 10.71: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.