#FEF6BE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Yellow Yarn is a luminous, pale shade with unsaturated warmth that leans into a soft beige. This color pairs beautifully with charcoal grays or deep sage greens to ground its bright energy. Because it is highly legible with black text, it works well for UI backgrounds where you need a softer alternative to white. The hex code for Yellow Yarn is #fef6be.
About Yellow Yarn
Butter left out on the counter in morning light
What does yellow yarn mean?
Yellow this pale commonly suggests softness, home cooking, and calm sunshine, though meanings vary across cultures and contexts. Its high lightness and low saturation make it feel mellow and warm, like a room lit by afternoon light through curtains.
Where you see yellow yarn
- vanilla frosting
- post-it notes
- straw
- chardonnay
- butcher paper
- lemon meringue
What it works for
Use it as a background that warms a page without shouting, especially in kitchens, nurseries, and packaging for gentle products.
What colors go with yellow yarn?
Sage #9caf88The muted green cools the yellow's warmth and keeps both colors soft.Espresso #4e312dDeep brown grounds the pale yellow and adds weight to its lightness.Terracotta #e2725bBoth are warm, but the fired red-orange gives the yellow some spine.Slate Blue #6a5acdThe cool gray-blue balances the yellow's warmth without fighting it.Brick #a03623Reddish brick gives this soft yellow a rustic, farmhouse feel.Olive #808000The dark yellow-green reads as family and deepens the palette.
Questions about Yellow Yarn
What is the hex code for Yellow Yarn?
Yellow Yarn is #fef6be. In RGB that is rgb(254, 246, 190), in HSL hsl(53, 97%, 87%) and in CMYK 0%, 3%, 25%, 0%.
Is #fef6be suitable for text on a white background?
No, #fef6be does not provide enough contrast for readable text against a white background. It serves best as a subtle background color itself, where it can provide a soft, comfortable canvas for dark text or deep-toned UI elements.
Is Yellow Yarn readable on white or black?
Yellow Yarn has a 1.09:1 contrast ratio on white and 19.14: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.