About Tangerine
Tangerine is a lively and vibrant color that captures the essence of warmth and exuberance. It is reminiscent of fresh tangerines, bringing a burst of energy and cheerfulness to any design or context.
Psychology
Tangerine is known to:
- Evoke feelings of happiness and enthusiasm
- Stimulate creativity and inspiration
- Encourage social interaction and warmth
Usage
This lively color works well in:
- Marketing and advertising materials to grab attention
- Fashion, especially in spring and summer collections
- Interior design for playful accents
- Food industry branding to convey freshness and flavor
Combinations
Tangerine pairs beautifully with:
- Teal (
#008080
)
- Charcoal Gray (
#36454F
)
- Soft Peach (
#FFDAB9
)
- Light Blue (
#ADD8E6
)
Tangerine color values and uses
Tangerine is represented here by #FF7F50. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(255, 127, 80); HSL hsl(16, 100%, 66%) describes hue, saturation, and lightness, while CMYK 0%, 50%, 69%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.
Use tangerine alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.
Frequently asked questions about Tangerine
What is the hex code of Tangerine?
The hex code of Tangerine is #FF7F50.
What is the RGB value of Tangerine?
The RGB value is rgb(255, 127, 80), with red, green, and blue channels shown in that order.
What colors go with Tangerine?
Tangerine can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.
What are the HSL and CMYK values for Tangerine?
The HSL value is hsl(16, 100%, 66%); the approximate CMYK conversion is 0%, 50%, 69%, 0%. CMYK output can vary by printer and color profile.