#F0E440 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, saturated, and glowing, this yellow reads mellow despite its punch, with a soft green undertone softening the heat. #f0e440 works best as an accent or in large type, since full backgrounds can tire the eye. Black text on the hex code #f0e440 reaches about 15.9:1 contrast, so small copy stays readable. Pair it with charcoal or deep navy.
Questions about #f0e440
What is #f0e440 in RGB, HSL and CMYK?
In RGB, #f0e440 is rgb(240, 228, 64), in HSL hsl(56, 85%, 60%) and in CMYK 0%, 5%, 73%, 6%.
What colors pair well with #f0e440?
Charcoal and deep navy give #f0e440 room to glow without overwhelming a layout. For a warmer mix, terracotta accents pull out the color's mellow side and keep it from feeling harsh.
Is #f0e440 readable on white or black?
#f0e440 has a 1.32:1 contrast ratio on white and 15.87: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.