#FFF187 Hex Color

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

Hex color #fff187 graphic
Reach for #fff187 when a design needs a soft background with a little warmth. This pastel yellow is bright yet mellow, and its high lightness keeps it sunny without shouting. It fits spring themes, baby products, and sale banners well. Black text reads clearly on it at about 18.2:1 contrast. Pair it with charcoal to keep the sweetness in check.

Questions about #fff187

What is #fff187 in RGB, HSL and CMYK?
In RGB, #fff187 is rgb(255, 241, 135), in HSL hsl(53, 100%, 76%) and in CMYK 0%, 5%, 47%, 0%.
What text color works best on #fff187?
Black text on #fff187 reaches a contrast ratio of about 18.2:1, well above the WCAG AA minimum of 4.5:1, so small body text stays readable. White text fails badly here and should be avoided.
What colors pair well with #fff187?
Deep, grounding partners like charcoal and navy balance the sweetness of #fff187 nicely. Warm neutrals such as terracotta also work for softer, spring-leaning palettes.
Is #fff187 readable on white or black?
#fff187 has a 1.15:1 contrast ratio on white and 18.18: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.