#F7E27B Hex Color

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

Hex color #f7e27b graphic
Spring sales, baby products, and warm UI backgrounds are natural fits for this soft pastel yellow. The hex code #f7e27b is light and gently saturated, so it glows without overwhelming a layout. It works best as a dominant base rather than a fine-detail surface, since small dark elements can lose crispness on it. Black text reads clearly at about 16.1:1 contrast, and it pairs well with navy.

Questions about #f7e27b

What is #f7e27b in RGB, HSL and CMYK?
In RGB, #f7e27b is rgb(247, 226, 123), in HSL hsl(50, 89%, 73%) and in CMYK 0%, 9%, 50%, 3%.
What text color works best on #f7e27b?
Black text is the safest choice, reaching about 16.1:1 contrast against #f7e27b, well above the 4.5:1 WCAG AA threshold. White text fails badly here, so keep it off body copy.
What colors pair well with #f7e27b?
Pair #f7e27b with navy or charcoal for strong contrast, or with olive and warm browns for an earthy spring palette. Avoid placing it beside plain white, where it loses definition.
Is #f7e27b readable on white or black?
#f7e27b has a 1.30:1 contrast ratio on white and 16.11: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.