#F7BB6F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange is bright, cheerful, and remarkably approachable. Because it is light and saturated, #f7bb6f works best as a primary background color for youth-focused branding or playful UI designs. Black text stands out clearly against this hex code, ensuring high legibility for body copy. Pair it with deep navy or charcoal accents to ground the tone and avoid a washed-out appearance.
Questions about #f7bb6f
What is #f7bb6f in RGB, HSL and CMYK?
In RGB, #f7bb6f is rgb(247, 187, 111), in HSL hsl(34, 89%, 70%) and in CMYK 0%, 24%, 55%, 3%. Browse more shades of orange with names and hex codes.
What colors pair well with #f7bb6f?
Is #f7bb6f readable on white or black?
#f7bb6f has a 1.70:1 contrast ratio on white and 12.29: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.