#F2C160 Hex Color

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

Hex color #f2c160 graphic
Reach for #f2c160 when a design needs a warm, mellow yellow that stays friendly instead of loud. Its soft orange undertone pairs best with navy or charcoal rather than stark white. Black text sits on top at about 12.6:1 contrast, so it works behind body copy. For related warm tones, browse other shades of orange.

Questions about #f2c160

What is #f2c160 in RGB, HSL and CMYK?
In RGB, #f2c160 is rgb(242, 193, 96), in HSL hsl(40, 85%, 66%) and in CMYK 0%, 20%, 60%, 5%.
What colors pair well with #f2c160?
Pair #f2c160 with navy or charcoal for strong contrast, or sage and terracotta for softer palettes. Its orange undertone makes pure white look washed out beside it, so deeper neutrals hold up better.
Does #f2c160 read warm or cool?
It reads warm. Yellow-orange undertones and its high lightness give it a sunny, mellow feel that suits spring themes, baby products, and friendly branding.
Is #f2c160 readable on white or black?
#f2c160 has a 1.67:1 contrast ratio on white and 12.57: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.