#F2CFA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pastel orange functions as a gentle, warm neutral. Because #f2cfa3 maintains a high contrast against black text, it serves as an excellent, readable background for modern UI design or editorial layouts. Avoid using it alongside stark white, which can make the tone feel washed out. Instead, pair this hex code with deep charcoal or navy to ground its airy, approachable character.
Questions about #f2cfa3
What is #f2cfa3 in RGB, HSL and CMYK?
In RGB, #f2cfa3 is rgb(242, 207, 163), in HSL hsl(33, 75%, 79%) and in CMYK 0%, 14%, 33%, 5%.
What colors pair best with #f2cfa3?
Is #f2cfa3 suitable for background usage in UI design?
Yes, #f2cfa3 serves as an excellent, readable background because it maintains high contrast against standard black text. Its warmth is approachable for interfaces while remaining soft enough to avoid the visual fatigue caused by pure, stark white backgrounds.
Is #f2cfa3 readable on white or black?
#f2cfa3 has a 1.47:1 contrast ratio on white and 14.22: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.