#CFC7BA Hex Color

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

Hex color #cfc7ba graphic
This pale, ashy tone sits between beige and light grey with subtle orange and yellow undertones. Because it is highly desaturated, #cfc7ba functions best as a neutral background that allows bolder colors to pop. It provides enough contrast for black text to remain readable, making it a reliable, professional choice for clean UI layouts that avoid the starkness of pure white.

Questions about #cfc7ba

What is #cfc7ba in RGB, HSL and CMYK?
In RGB, #cfc7ba is rgb(207, 199, 186), in HSL hsl(37, 18%, 77%) and in CMYK 0%, 4%, 10%, 19%. Browse more shades of gray with names and hex codes.
How does #cfc7ba function in user interface design?
Use #cfc7ba as a calming background that sits between grey and beige to reduce screen glare. It offers enough contrast for dark charcoal or deep brown typography, creating a readable and soft experience for users compared to harsh white backgrounds.
What colors pair well with #cfc7ba for a balanced palette?
Because of its warm, earthy undertones, #cfc7ba works effectively alongside darker muted tones like sage or terracotta. These pairings create a grounded, natural look that feels professional without appearing too clinical or sterile in modern digital branding.
Is #cfc7ba readable on white or black?
#cfc7ba has a 1.67:1 contrast ratio on white and 12.53: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.