#F2B685 Hex Color

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

Select a Color

This pale, unsaturated orange offers a soft, warm glow that avoids overwhelming the viewer. Because of its light, mellow character, #f2b685 functions best as a background color for spring themes or youth-oriented branding. It provides enough contrast to keep black text legible, though it pairs most effectively with deep charcoal or navy tones to prevent the palette from feeling too washed out.

Questions about #f2b685

What is #f2b685 in RGB, HSL and CMYK?

In RGB, #f2b685 is rgb(242, 182, 133), in HSL hsl(27, 81%, 74%) and in CMYK 0%, 25%, 45%, 5%.

What colors pair best with #f2b685 for a balanced design?

#f2b685 works exceptionally well when paired with deep, grounded tones like charcoal or navy to prevent the design from feeling too light or washed out. These darker hues provide the necessary contrast to make your text and design elements stand out against the soft background.

Is #f2b685 readable on white or black?

#f2b685 has a 1.77:1 contrast ratio on white and 11.80: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.

#F2B685 Hex Color

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

Questions about #f2b685

Color tools

Resources