Vitamin C
High-energy orange with a sunny disposition
Vitamin C is a high-energy orange that feels both warm and intensely saturated. Because of its commanding presence, this shade functions best as an accent or a call-to-action button rather than a full background. Pair it with dark charcoal or deep navy for a modern, high-contrast look. The hex code for this color is #ff9900, which offers enough contrast for readable black text.
About Vitamin C
Marmalade catching the first hard light of morning
What does vitamin c mean?
This orange often signals energy, appetite, and attention. Full saturation and high lightness make it glow without harshness.
Where you see vitamin c
- orange peel
- marmalade
- mango flesh
- hard hats
- traffic cones
- monarch butterfly wings
What it works for
It suits call-to-action buttons, sale badges, kids' products, and fall promotions.
What colors go with vitamin c?
Avocado #568203A yellow-toned green reads as tropical next to the warm orange.Dusty Rose #b56f76The muted pink softens the orange's glow into something gentler.Charcoal #36454fNeutral gray-black gives the orange full control of the page.Teal #008080Sitting opposite on the wheel, teal makes the orange pop harder.Cream #fffdd0Warm off-white lets the orange stay bright without shouting.
Questions about Vitamin C
What is the hex code for Vitamin C?
Vitamin C is #ff9900. In RGB that is rgb(255, 153, 0), in HSL hsl(36, 100%, 50%) and in CMYK 0%, 40%, 100%, 0%.
Is Vitamin C readable on white or black?
Vitamin C has a 2.14:1 contrast ratio on white and 9.80: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.