#F4C277 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #f4c277 when a layout needs warmth without shouting. This pastel orange carries sandy, yellow-leaning undertones, so it reads mellow and friendly in spring packaging, kids’ products, and autumn themes. Its low saturation stays calm at full-bleed sizes but washes out beside plain white, so anchor it with a deeper accent like teal or brown. The hex code #f4c277 also holds black text at roughly 12.8:1 contrast, well past WCAG AA.
Questions about #f4c277
What is #f4c277 in RGB, HSL and CMYK?
In RGB, #f4c277 is rgb(244, 194, 119), in HSL hsl(36, 85%, 71%) and in CMYK 0%, 20%, 51%, 4%.
What colors pair well with #f4c277?
Deep teal and dark brown pull out the sandy warmth in #f4c277, while navy adds contrast without clashing. For text and UI, charcoal keeps the pairing soft but readable.
Is black or white text safer on #f4c277?
Black text. It hits about 12.8:1 contrast, well above the 4.5:1 WCAG AA threshold for body copy, while white text drops far too low on this light shade to pass.
Is #f4c277 readable on white or black?
#f4c277 has a 1.63:1 contrast ratio on white and 12.82: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.