#F2AB8F Hex Color

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

Select a Color

This unsaturated, mellow orange feels approachable and friendly. Because it is light and warm, #f2ab8f works well as a soft, inviting background for UI projects or spring-themed branding. It pairs beautifully with deep charcoal or navy text to create high-contrast, readable layouts. Avoid using it as a primary element in professional settings where a more formal or grounded aesthetic is needed.

Questions about #f2ab8f

What is #f2ab8f in RGB, HSL and CMYK?

In RGB, #f2ab8f is rgb(242, 171, 143), in HSL hsl(17, 79%, 75%) and in CMYK 0%, 29%, 41%, 5%.

What colors pair best with #f2ab8f?

Because #f2ab8f is a warm and desaturated orange, it creates a balanced, readable interface when paired with deep charcoal or dark navy text. These dark neutrals anchor the lightness of the orange, preventing the design from feeling washed out.

Is #f2ab8f readable on white or black?

#f2ab8f has a 1.90:1 contrast ratio on white and 10.99: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.

#F2AB8F Hex Color

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

Questions about #f2ab8f

Color tools

Resources