#FDBA74 Hex Color

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

Select a Color

#fdba74 is a light, peachy orange with a soft, glowing character. Due to its high lightness, it works well as a warm background or a subtle accent. It pairs effectively with deep charcoal to ground the layout. This hex code offers excellent contrast against black text, ensuring readability for small UI elements. It is a practical, optimistic choice for modern interface design.

Questions about #fdba74

What is #fdba74 in RGB, HSL and CMYK?

In RGB, #fdba74 is rgb(253, 186, 116), in HSL hsl(31, 97%, 72%) and in CMYK 0%, 26%, 54%, 1%.

What colors pair best with #fdba74 for UI design?

Use #fdba74 alongside deep charcoal or near-black tones to ensure high readability and provide a grounding visual weight. This peach shade also functions beautifully when layered with soft, desaturated neutrals or a muted navy to create a sophisticated, balanced interface.

Is #fdba74 readable on white or black?

#fdba74 has a 1.68:1 contrast ratio on white and 12.45: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.

#FDBA74 Hex Color

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

Questions about #fdba74

Color tools

Resources