#CFAA54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, mellow gold feels approachable and spirited. Because of its medium saturation, #cfaa54 works well as a supporting accent in spring palettes or youthful branding. It provides excellent contrast for black text, making it a reliable choice for buttons or headers that require readability. Pair it with deep charcoals or slate blues to prevent the color from appearing washed out on a bright screen.
Questions about #cfaa54
What is #cfaa54 in RGB, HSL and CMYK?
In RGB, #cfaa54 is rgb(207, 170, 84), in HSL hsl(42, 56%, 57%) and in CMYK 0%, 18%, 59%, 19%. Browse more shades of yellow with names and hex codes.
What colors pair best with #cfaa54 for UI design?
#cfaa54 works effectively when grounded by high-contrast neutrals like charcoal or deep slate blues. Using these dark, cool-toned companions prevents the mellow gold from feeling washed out on bright digital screens while maintaining a professional, accessible interface.
Is #cfaa54 readable on white or black?
#cfaa54 has a 2.20:1 contrast ratio on white and 9.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.