#F2CA8B Hex Color

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

Hex color #f2ca8b graphic
This mellow, unsaturated orange feels sunny and optimistic without overwhelming the eye. It works best as a supporting tone or background, providing enough contrast for black text to remain legible. Pair #f2ca8b with deep charcoal or muted navy to ground its playful, warm personality. The hex code #f2ca8b shines in UI designs where you need a soft, approachable alternative to traditional white or stark yellow backgrounds.

Questions about #f2ca8b

What is #f2ca8b in RGB, HSL and CMYK?
In RGB, #f2ca8b is rgb(242, 202, 139), in HSL hsl(37, 80%, 75%) and in CMYK 0%, 17%, 43%, 5%.
What colors pair best with #f2ca8b?
Deep neutrals like charcoal or navy ground this soft orange, providing necessary contrast for accessibility. Using these darker tones prevents the golden hue from feeling washed out on white screens, ensuring readability remains high in professional layouts.
Is #f2ca8b suitable for text on a white background?
Avoid using #f2ca8b for body text against white, as it lacks sufficient contrast to meet modern accessibility standards. It functions best as an accent, button highlight, or background wash where its inherent brightness remains legible without straining the user's eye.
Is #f2ca8b readable on white or black?
#f2ca8b has a 1.54:1 contrast ratio on white and 13.59: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.