#F7CD9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its light value and low saturation, #f7cd9e is a mellow orange with beige undertones. The hex code creates gentle, youthful warmth for spring layouts, baby products, interiors, and cosmetic packaging. Use it as a dominant background with black text, which provides about 14.2:1 contrast, or pair it with chocolate brown for a grounded accent.
Questions about #f7cd9e
What is #f7cd9e in RGB, HSL and CMYK?
In RGB, #f7cd9e is rgb(247, 205, 158), in HSL hsl(32, 85%, 79%) and in CMYK 0%, 17%, 36%, 3%.
What colors pair well with #f7cd9e?
#f7cd9e pairs well with chocolate brown for grounded contrast, muted terracotta for a warm layered palette, and soft blue-green accents for balance. Use it as a background when you want supporting colors to feel gentle rather than stark.
Is #f7cd9e warm or cool?
#f7cd9e reads as warm because its orange base is softened by beige undertones rather than blue or gray. Its low saturation keeps that warmth mellow, making it feel gentle, youthful, and approachable instead of vivid.
Where does #f7cd9e work best in a design?
Use #f7cd9e in spring layouts, nursery and baby-product accents, warm interior backgrounds, or cosmetic packaging, where its light, low-saturation orange keeps large areas inviting and youthful without the intensity of a brighter orange.
Is #f7cd9e readable on white or black?
#f7cd9e has a 1.48:1 contrast ratio on white and 14.18: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.