#F5B86C Hex Color

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

Select a Color

This soft, sun-drenched orange carries a playful warmth that works best as a secondary accent rather than a dominant background. Because it has high visibility and a cheerful undertone, it pairs effectively with deep charcoals or navy for high-contrast UI elements. The hex code for this shade is #f5b86c. Use it sparingly to inject energy, similar to how other shades of pink add character to a neutral palette.

Questions about #f5b86c

What is #f5b86c in RGB, HSL and CMYK?

In RGB, #f5b86c is rgb(245, 184, 108), in HSL hsl(33, 87%, 69%) and in CMYK 0%, 25%, 56%, 4%.

What colors pair well with #f5b86c?

This soft orange thrives when paired with high-contrast, grounding neutrals that prevent it from feeling too overwhelming. Try deep charcoal or classic navy to create a sophisticated balance, as these dark tones allow the playful vibrancy of #f5b86c to pop without competing for attention.

Is #f5b86c readable on white or black?

#f5b86c has a 1.75:1 contrast ratio on white and 11.95: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.

#F5B86C Hex Color

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

Questions about #f5b86c

Color tools

Resources