#CECB83 Hex Color

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

Hex color #cecb83 graphic
This muted, unsaturated yellow leans toward an olive or straw tone, feeling mellow rather than bright. The hex code #cecb83 provides excellent contrast for black text, making it a functional choice for UI backgrounds. Because it is somewhat dusty, pair it with deep charcoal or slate gray to keep it from looking washed out. It works best as a supporting tone rather than a dominant base.

Questions about #cecb83

What is #cecb83 in RGB, HSL and CMYK?
In RGB, #cecb83 is rgb(206, 203, 131), in HSL hsl(58, 43%, 66%) and in CMYK 0%, 1%, 36%, 19%.
What colors pair well with #cecb83 for a balanced palette?
Because #cecb83 is a dusty, unsaturated yellow, it functions best when contrasted with deep, rich neutrals like charcoal or slate. These dark tones prevent the yellow from appearing washed out and help establish a professional, readable hierarchy.
Is #cecb83 suitable for text backgrounds in UI design?
The #cecb83 shade offers decent contrast against dark text, making it a functional choice for soft UI backgrounds or muted accent panels. Always verify your specific contrast ratios when layering text to ensure readability meets accessibility standards.
Is #cecb83 readable on white or black?
#cecb83 has a 1.68:1 contrast ratio on white and 12.49: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.