#F3BD99 Hex Color

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

Hex color #f3bd99 graphic
#f3bd99 is a muted, dusty orange that feels approachable and youthful. Because of its light, unsaturated quality, it functions best as a background color for friendly brand identities. It offers enough contrast to support small black body text while maintaining a soft, optimistic presence. Use this hex code to anchor designs that need a sense of gentle energy without becoming overwhelming.

Questions about #f3bd99

What is #f3bd99 in RGB, HSL and CMYK?
In RGB, #f3bd99 is rgb(243, 189, 153), in HSL hsl(24, 79%, 78%) and in CMYK 0%, 22%, 37%, 5%.
How can I best use #f3bd99 in interface design?
#f3bd99 functions beautifully as a soft background or accent color because it maintains high readability when paired with dark charcoal text. It offers a approachable, youthful aesthetic that feels energetic yet remains grounded enough for professional digital interfaces.
What colors pair well with #f3bd99?
This shade works well with deep navy or charcoal to create strong, accessible contrast for text or icons. For a harmonious palette, pair it with muted olive or sage tones to enhance its natural, dusty qualities.
Is #f3bd99 readable on white or black?
#f3bd99 has a 1.67:1 contrast ratio on white and 12.54: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.