#F0C674 Hex Color

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

Select a Color

This sparkling, golden-yellow hue feels warm and optimistic without becoming overwhelming. Because it has such high luminosity, #f0c674 works best as a supporting accent rather than a primary background color. It pairs beautifully with deep charcoals, which provide the high contrast needed for readability. The hex code for this shade is #f0c674, a tone that brings a sense of spontaneous energy to playful brand designs.

Questions about #f0c674

What is #f0c674 in RGB, HSL and CMYK?

In RGB, #f0c674 is rgb(240, 198, 116), in HSL hsl(40, 81%, 70%) and in CMYK 0%, 17%, 52%, 6%.

What colors pair best with #f0c674?

#f0c674 creates a balanced, professional contrast when paired with deep charcoal or dark gray text. This golden yellow also works well alongside muted navy tones, providing a sophisticated look that keeps the bright, energetic hue grounded and readable.

Is #f0c674 readable on white or black?

#f0c674 has a 1.61:1 contrast ratio on white and 13.03: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.

#F0C674 Hex Color

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

Questions about #f0c674

Color tools

Resources