#FFBA24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Beloved Sunflower is a high-saturation yellow-orange that demands immediate attention. Because this shade is so intense, it works best as a 10% accent color rather than a large background, which can quickly overwhelm the eye. Pair it with deep charcoal or navy blue to ground the energy. The hex code for this bright tone is #ffba24, and it offers excellent readability with black text.
About Beloved Sunflower
Mango pulp dripping down your wrist in July
What does beloved sunflower mean?
This shade often signals sunshine, ripe fruit, harvest, and optimism, and its brightness makes it a common choice for safety vests and warnings. The high saturation and near-peak lightness give it a glowing, almost luminous warmth that reads as energetic rather than soft.
Where you see beloved sunflower
- sunflower petals
- mango flesh
- egg yolks
- turmeric powder
- honey
- construction vests
What it works for
It works for call-to-action buttons, food packaging, summer labels, and small accents that need a strong dose of light.
What colors go with beloved sunflower?
Teal #008080Teal's cool depth pushes this warm orange-yellow forward without competing with it.Aubergine #372528Dark plum grounds the brightness, so the glow reads as rich instead of loud.Charcoal #36454fNear-black gray strips away the fruitiness and leaves a clean, graphic contrast.Coral #ff7f50Coral sits nearby on the warm spectrum and softens the neon edge into sunset tones.Cream #fffdd0Cream dilutes the saturation, turning the sparkle into something calmer and more domestic.Olive #808000Olive pulls the yellow toward foliage and keeps the pairing earthy rather than electric.
Questions about Beloved Sunflower
What is the hex code for Beloved Sunflower?
Beloved Sunflower is #ffba24. In RGB that is rgb(255, 186, 36), in HSL hsl(41, 100%, 57%) and in CMYK 0%, 27%, 86%, 0%.
How should I effectively use #ffba24 in a design layout?
Use #ffba24 as a strategic 10% accent color to highlight buttons or key icons rather than as a background. Because of its high saturation, it can quickly overwhelm the viewer's eye if applied across large surface areas.
What colors ground the high energy of #ffba24?
Pair #ffba24 with deep charcoal or navy blue to anchor its intensity and improve readability. These dark, muted tones provide the necessary contrast to let the yellow-orange shine without feeling chaotic or visually jarring.
Is Beloved Sunflower readable on white or black?
Beloved Sunflower has a 1.70:1 contrast ratio on white and 12.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.