#F5B164 Hex Color

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

Select a Color

This cheerful pastel orange feels sunny and light without overwhelming the eye. Because of its high lightness, #f5b164 works well as a supporting tone or an engaging accent for youthful brands. Pair it with deep charcoal or navy blue to ground its energy. The hex code for this glowing shade is #f5b164, and it provides enough contrast to keep black text readable for accessibility.

Questions about #f5b164

What is #f5b164 in RGB, HSL and CMYK?

In RGB, #f5b164 is rgb(245, 177, 100), in HSL hsl(32, 88%, 68%) and in CMYK 0%, 28%, 59%, 4%.

What colors pair well with #f5b164 for a balanced design?

#f5b164 works best when grounded by darker, cooler tones that provide visual weight to its high energy. Use deep charcoal or dark navy to create a sophisticated, high-contrast palette that ensures the orange remains the standout feature.

Is #f5b164 readable on white or black?

#f5b164 has a 1.84:1 contrast ratio on white and 11.35: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.

#F5B164 Hex Color

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

Questions about #f5b164

Color tools

Resources