#F8CC97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated orange carries a light, airy quality that avoids the harshness of vivid citrus tones. Because it is gentle and warm, #f8cc97 functions best as a soft background or a supporting accent rather than a dominant color. Pair it with deep charcoal or slate gray to anchor the design, as black text reads clearly against this shade for improved readability. The hex code is #f8cc97.
Questions about #f8cc97
What is #f8cc97 in RGB, HSL and CMYK?
In RGB, #f8cc97 is rgb(248, 204, 151), in HSL hsl(33, 87%, 78%) and in CMYK 0%, 18%, 39%, 3%.
What colors pair well with #f8cc97?
Because #f8cc97 is a light, airy peach, it pairs best with strong, dark neutrals like charcoal or deep slate to provide necessary contrast. These dark pairings anchor the design and ensure that text remains readable against the light background.
Is #f8cc97 readable on white or black?
#f8cc97 has a 1.49:1 contrast ratio on white and 14.07: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.