#CFAB9C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted terracotta, #cfab9c feels grounded yet airy due to its low saturation. It works best as a soft supporting tone in UI design rather than a dominant base, as it risks reading muddy at full scale. Pair this hex code with deep charcoals to create satisfying contrast, as black text reads clearly against it for readable accessibility.
Questions about #cfab9c
What is #cfab9c in RGB, HSL and CMYK?
In RGB, #cfab9c is rgb(207, 171, 156), in HSL hsl(18, 35%, 71%) and in CMYK 0%, 17%, 25%, 19%.
How should #cfab9c be used in interface design?
#cfab9c functions most effectively as a soft supporting element rather than a dominant base color. Because it is highly desaturated, it risks appearing muddy if used across large surfaces, so prioritize it for UI accents or secondary containers.
What colors complement the muted terracotta of #cfab9c?
To create a professional contrast, pair #cfab9c with deep charcoal or near-black tones. These dark neutrals provide necessary weight and readability, ensuring that the dusty nature of the color does not feel washed out or illegible against light backgrounds.
Is #cfab9c readable on white or black?
#cfab9c has a 2.10:1 contrast ratio on white and 9.95: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.