#CCA868 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated yellow carries a warm, organic feel. It works best as an accent rather than a dominant background, where it can appear slightly muddy or washed out. Pair this hex code, #cca868, with deep charcoals or slate blues for balance. Because it maintains high contrast against black text, it functions effectively for UI elements needing accessible, readable labels.
Questions about #cca868
What is #cca868 in RGB, HSL and CMYK?
In RGB, #cca868 is rgb(204, 168, 104), in HSL hsl(38, 50%, 60%) and in CMYK 0%, 18%, 49%, 20%. Browse more shades of yellow with names and hex codes.
How should I use #cca868 in UI design?
#cca868 functions best as an accent rather than a primary background color, as it can appear washed out in large areas. It maintains excellent readability against black or deep charcoal text, making it a reliable choice for functional UI labels or navigational highlights.
What colors pair well with #cca868 for a balanced palette?
Pair #cca868 with deep charcoal or cool slate blues to anchor its warmth and organic feel. These darker tones prevent the yellow from appearing muddy and create the high-contrast tension required for professional, modern digital layouts.
Is #cca868 readable on white or black?
#cca868 has a 2.24:1 contrast ratio on white and 9.36: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.