#FFFFBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Sour Veil is a luminous, unsaturated yellow that feels clean and mellow. Because it is so light, it often washes out next to pure white, so use it as a subtle background instead. It offers excellent contrast for black text, making it highly readable for UI design. The hex code for this pale, warm tone is #ffffbf.
About Sour Veil
Butter melting over warm shortbread
What does sour veil mean?
Pale yellows often bring to mind sunlight, lemons, fresh paper, and early spring growth. Its high lightness and low saturation read as soft and easy, a warm glow without any bite.
Where you see sour veil
- banana flesh
- vanilla custard
- legal pads
- sticky notes
- buttercream frosting
- chamomile tea
What it works for
It works well as a background in kitchens, nurseries, and dashboards that need warmth without heavy contrast.
What colors go with sour veil?
Sage #9caf88The pale yellow warms sage's gray-green tone, keeping the pair soft and garden fresh.Charcoal #36454fCharcoal gives this light yellow weight, so the pairing feels grounded instead of washed out.Terracotta #e2725bTerracotta's earthy red-orange deepens the yellow's warmth into something baked and rustic.Slate Blue #6a5acdCool slate blue balances the yellow's warmth, and both stay muted enough to sit calmly together.Olive #808000Olive shares the yellow's warmth but adds depth, making a mellow, herbal combination.
Questions about Sour Veil
What is the hex code for Sour Veil?
Sour Veil is #ffffbf. In RGB that is rgb(255, 255, 191), in HSL hsl(60, 100%, 87%) and in CMYK 0%, 0%, 25%, 0%.
Why does #ffffbf appear washed out against white backgrounds?
Sour Veil #ffffbf is extremely high-value, meaning it sits very close to pure white on the color spectrum. When placed directly against white, the lack of contrast causes the yellow to lose its definition and appear nearly invisible.
Is Sour Veil readable on white or black?
Sour Veil has a 1.03:1 contrast ratio on white and 20.30: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.