#FBA672 Hex Color

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

Select a Color

Glowing and energetic, #fba672 brings a fresh, youthful warmth to any design. Use this pastel orange as a strategic accent rather than a full background, as its high saturation can feel overpowering in large doses. It anchors well against deep slate or navy tones. The hex code #fba672 offers excellent accessibility, providing strong contrast for black body text in UI design.

Questions about #fba672

What is #fba672 in RGB, HSL and CMYK?

In RGB, #fba672 is rgb(251, 166, 114), in HSL hsl(23, 94%, 72%) and in CMYK 0%, 34%, 55%, 2%. Browse more shades of orange with names and hex codes.

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

#fba672 creates a sophisticated visual hierarchy when paired with navy or slate tones. Because the orange is high in energy, grounding it with cool, dark neutrals prevents the design from feeling too chaotic or overwhelming in larger layouts.

Is #fba672 readable on white or black?

#fba672 has a 1.94:1 contrast ratio on white and 10.79: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.

#FBA672 Hex Color

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

Questions about #fba672

Color tools

Resources