#F7F3B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow carries a mellow, unsaturated warmth. Because #f7f3b8 is so light, it functions best as a background tone rather than for fine details. Black text remains highly readable against this shade, satisfying accessibility standards. Pair it with deep charcoal or muted olive to prevent the color from appearing washed out. The hex code for this pastel yellow is #f7f3b8.
Questions about #f7f3b8
What is #f7f3b8 in RGB, HSL and CMYK?
In RGB, #f7f3b8 is rgb(247, 243, 184), in HSL hsl(56, 80%, 85%) and in CMYK 0%, 2%, 26%, 3%.
How should I use #f7f3b8 in a design layout?
Use #f7f3b8 primarily as a soft background or a subtle accent color rather than for fine details or small text. It provides a luminous, welcoming base that keeps dark text, such as deep charcoal, legible while maintaining high accessibility and contrast.
What colors pair best with #f7f3b8?
This pale yellow benefits from contrast against dark or muted tones to avoid looking washed out. Pairing it with olive creates a balanced, earthy aesthetic, while dark gray or deep slate tones ground the warmth of this specific hex color effectively.
Is #f7f3b8 readable on white or black?
#f7f3b8 has a 1.13:1 contrast ratio on white and 18.46: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.