#F8E1B2 Hex Color

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

Hex color #f8e1b2 graphic
A soft, butter-toned neutral, #f8e1b2 offers a gentle alternative to stark white. This pastel shade feels light and inviting, making it a reliable choice for large backgrounds in web design. Because it holds significant contrast against black text, it maintains excellent readability. Pair it with deep charcoal or sage green to balance its high saturation, as it can look washed out next to pure white. The hex code for this color is #f8e1b2.

Questions about #f8e1b2

What is #f8e1b2 in RGB, HSL and CMYK?
In RGB, #f8e1b2 is rgb(248, 225, 178), in HSL hsl(40, 83%, 84%) and in CMYK 0%, 9%, 28%, 3%.
How can I use #f8e1b2 effectively in my UI design?
Use #f8e1b2 as a background color to create an approachable, gentle aesthetic that feels warmer than stark white. It maintains high contrast with dark text, making it a reliable choice for long-form reading interfaces or soft, welcoming brand identities.
Which colors pair best with the #f8e1b2 butter tone?
This shade anchors well when grounded by deep, saturated colors like charcoal or earthy tones such as sage. Because #f8e1b2 is quite pale, these darker accents prevent your layout from looking washed out or overly bright.
Is #f8e1b2 readable on white or black?
#f8e1b2 has a 1.28:1 contrast ratio on white and 16.40: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.