#F2CF93 Hex Color

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

Hex color #f2cf93 graphic
#f2cf93 is a mellow, pastel gold with warm, unsaturated undertones. Because it reads as soft and approachable, it functions best as a supporting accent or a background tone rather than a primary fill. Pair this color with deep navy or charcoal to create high-contrast, professional layouts. Black text provides excellent readability against this shade, making it a reliable choice for legible UI design.

Questions about #f2cf93

What is #f2cf93 in RGB, HSL and CMYK?
In RGB, #f2cf93 is rgb(242, 207, 147), in HSL hsl(38, 79%, 76%) and in CMYK 0%, 14%, 39%, 5%. Browse more shades of yellow with names and hex codes.
What colors pair well with #f2cf93?
Deep navy or charcoal provide the strongest contrast against #f2cf93, making it an excellent choice for UI elements or text backgrounds. These darker tones ground the soft, airy quality of the gold while ensuring your layout remains professional and readable.
Is #f2cf93 suitable for text-heavy designs?
While #f2cf93 works beautifully as a background, black or dark charcoal text provides excellent readability against it. Avoid using this shade for fine text, as its low saturation can cause eye strain when displayed against white or light surfaces.
Is #f2cf93 readable on white or black?
#f2cf93 has a 1.48:1 contrast ratio on white and 14.12: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.