#F4BDA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, pastel orange offers a soft, mellow warmth. It functions best as a dominant background color, where it provides an optimistic foundation for branding or UI layouts. Because the tone is quite light, black text remains highly legible against it. Use the hex code #f4bda3 alongside deep charcoal or forest green to ground the palette and avoid a washed-out appearance.
Questions about #f4bda3
What is #f4bda3 in RGB, HSL and CMYK?
In RGB, #f4bda3 is rgb(244, 189, 163), in HSL hsl(19, 79%, 80%) and in CMYK 0%, 23%, 33%, 4%.
What colors pair well with #f4bda3?
#f4bda3 looks best when grounded by deep, neutral tones to prevent it from appearing washed out. It creates a sophisticated, balanced palette when paired with charcoal for text or forest green for a natural, earthy accent.
Is #f4bda3 suitable for text overlays?
Because #f4bda3 is a light, high-value color, it serves as an excellent background for dark typography. Black or very dark gray text remains highly legible against this tone, making it a safe choice for UI cards and simple website sections.
Is #f4bda3 readable on white or black?
#f4bda3 has a 1.65:1 contrast ratio on white and 12.65: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.