#FFCC70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Light and mellow with a soft orange undertone, this pastel yellow glows without glare. The hex code #ffcc70 works best as a dominant background for spring themes, baby products, or sale banners, and it pairs cleanly with navy or charcoal. Black text on it hits about 14.1:1 contrast, so small body text stays readable.
Questions about #ffcc70
What is #ffcc70 in RGB, HSL and CMYK?
In RGB, #ffcc70 is rgb(255, 204, 112), in HSL hsl(39, 100%, 72%) and in CMYK 0%, 20%, 56%, 0%.
What colors pair well with #ffcc70?
Navy, charcoal, and terracotta all flatter #ffcc70 and keep its soft glow grounded. White can wash it out, so lean on darker partners when you need definition.
Is #ffcc70 readable on white or black?
#ffcc70 has a 1.48:1 contrast ratio on white and 14.12: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.