The Tangerine Color Code: HEX, RGB, CMYK

Few colors hit as hard as tangerine in a design layout.

Tangerine color is a warm, tertiary color that blends red and yellow into a vivid, reddish-orange hue. It sits at 33 degrees on the color wheel with RGB values of (242, 133, 0), full saturation, and zero blue.

It carries strong associations with energy, optimism, and citrus warmth across fashion, interiors, and branding.

This guide covers everything from hex codes and color palettes to color psychology, mixing methods, and design best practices, so you can use tangerine with confidence in any project.

Tangerine Color Codes

Tangerine sits firmly in the warm orange range of the color theory spectrum. It carries a strong red lean, which separates it from standard orange shades.

Here are the standard color codes:

• HEX: #F28500
• RGB: 242, 133, 0
• CMYK: 0% Cyan, 45% Magenta, 100% Yellow, 5% Black
• HSL: 33°, 100%, 47.5%

In the RGB color model, tangerine is almost entirely red-dominant, with green at just 52% and zero blue. That zero blue value is what keeps it from drifting into brown or amber territory.

Its hue angle of 33 degrees places it between yellow-orange and red-orange on the color wheel. Saturation hits 100%, which means this is a fully saturated tone with no gray mixed in.

For print work, the CMYK breakdown translates well on coated paper. The 100% yellow and 45% magenta combo is what produces that characteristic warm punch. Just keep in mind that slight ink variations can shift it toward a more amber tone on uncoated stock.

The closest Pantone match is in the 15-1164 TCX range, though exact matches depend on the specific Pantone system you are referencing. Always verify against a physical swatch before finalizing print production.

Need to switch between color formats? Use a RGB to HEX Converter or a HEX to RGB Converter to get accurate values for your workflow. For print preparation, a RGB to CMYK converter helps avoid unexpected color shifts between screen and paper.

—

Tangerine Color Palettes

Tangerine pairs well across multiple color palette structures. Below are the core harmony types with accurate hex values.

—

Tangerine Shades

Tangerine covers a wide range of tints, shades, and tones. Some lean warmer and more red, others drift toward golden yellow depending on lightness and saturation adjustments.

Tangerine covers variations including pale tints, vivid mid-tones, deep shades, and near-brown darks.

Each variation differs in brightness and lightness composition.

Lighter tints lean toward peach and pastel orange. Darker shades shift toward burnt orange and cognac, creating distinct tonal effects across design applications.

—

What Are the Primary Attributes of Tangerine?

Tangerine has five primary attributes: warm hue (derived from its red-orange position on the color wheel), full saturation (100%), medium lightness (47.5%), high visual energy (from its dominant red channel), and strong cultural association with citrus, warmth, and optimism.

—

How Is Tangerine Used in Interior Design?

Tangerine works mainly as an accent color in interior design, creating energetic and warm spaces that add visual focus to otherwise neutral rooms.

Designers use it on feature walls, soft furnishings, and decorative objects to bring warmth without committing to a full orange scheme. It works especially well in living rooms and kitchens.

Pairing tangerine with white, cream, or warm gray keeps it from dominating a space. It also reads well against dark teal or charcoal, where the contrast feels intentional rather than accidental.

In smaller doses, like a throw pillow or ceramic vase, tangerine adds enough warmth to shift a room’s mood without requiring a full redesign. That’s probably why it keeps showing up in warm color palettes for interiors.

—

What Psychology and Emotions Does Tangerine Evoke?

Tangerine evokes feelings of enthusiasm, optimism, creativity, and warmth through its strong association with citrus fruit, sunlight, and autumn.

Color psychology research links tangerine to social confidence and adventurous behavior. It raises energy levels in a space and encourages interaction. Used in excess, though, it can tip into overstimulation. Moderation matters with this one.

Culturally, tangerine carries specific meaning in Chinese tradition, where it represents prosperity and good fortune, particularly during Lunar New Year celebrations. That cultural layer adds weight to its use in branding and packaging.

—

How Is Tangerine Applied in Fashion and Clothing?

Tangerine works as a bold statement color in fashion, offering high visibility and warmth through outerwear, dresses, accessories, and seasonal separates.

Fashion designers use it for its strong contrast against navy, white, and olive, and its ability to read well across skin tones when used in the right garment silhouette. It peaks in spring and summer collections but shows up in autumn looks through its deeper shades like burnt orange.

Pantone named a close relative, Tangerine Tango (PMS 17-1463), as its Color of the Year for 2012. That pushed the shade onto runways globally and into street style fast. These days it shows up most often in accessories and outerwear rather than full head-to-toe looks.

—

What Colors Complement and Contrast With Tangerine?

Tangerine complements teal, navy, white, cream, and olive while contrasting sharply with cobalt blue, deep purple, and charcoal.

These combinations create balanced or high-impact palettes depending on how tangerine’s warm, saturated character is distributed across the design.

Complementary Colors

Tangerine + Teal

• Color Theory Basis: Near-complementary pairing, warm vs. cool tension
• Visual Effect: High energy, modern contrast that feels fresh rather than harsh
• Best Applications: Web design, packaging, sport branding
• Ratio Recommendations: 70% teal, 30% tangerine for balance
• Example Uses: App interfaces, gym apparel, summer packaging

Tangerine + Navy Blue

• Color Theory Basis: Warm-cool contrast with strong value difference
• Visual Effect: Sophisticated, grounded, and visually stable
• Best Applications: Fashion, editorial design, corporate branding
• Ratio Recommendations: 60% navy, 40% tangerine
• Example Uses: Menswear, magazine layouts, product labels

Tangerine + Cream

• Color Theory Basis: Warm tone harmony, low contrast but high warmth
• Visual Effect: Soft, inviting, approachable without harsh edges
• Best Applications: Interior design, lifestyle branding, wedding design
• Ratio Recommendations: 80% cream, 20% tangerine as accent
• Example Uses: Hospitality, stationery, home decor

Tangerine + Deep Green

• Color Theory Basis: Natural pairing rooted in citrus and foliage
• Visual Effect: Earthy and lively, feels grounded rather than synthetic
• Best Applications: Food packaging, outdoor brands, sustainability-focused design
• Ratio Recommendations: 65% deep green, 35% tangerine
• Example Uses: Organic food labels, garden brands, eco-packaging

Contrasting Colors

Tangerine + Cobalt Blue

• Contrast Type: Near-complementary
• Visual Impact: Bold, energetic, hard to ignore
• Best Applications: Sports branding, event marketing, youth-targeted design
• Balance Strategies: Use white as a buffer between the two to prevent visual clash

Tangerine + Deep Purple

• Contrast Type: Split-complementary adjacent
• Visual Impact: Unexpected and rich, works well for creative or luxury contexts
• Best Applications: Event branding, cosmetics, editorial photography
• Balance Strategies: Keep tangerine as the accent, purple as the dominant tone

Tangerine + Charcoal

• Contrast Type: Value contrast (light vs. dark)
• Visual Impact: Modern, clean, professional
• Best Applications: Tech branding, print design, UI elements
• Balance Strategies: 80/20 split works well with charcoal as the primary tone

Color Scheme Types

• Monochromatic: Ranges from pale peach tints through vivid tangerine to near-brown darks. Works well for focused, single-color branding.
• Analogous: Pairs with red-orange and golden yellow on either side. This keeps warmth consistent across the palette.
• Triadic: Combines with mint green and blue-violet for a balanced, high-energy three-color scheme.
• Split-Complementary: Uses indigo and blue-violet alongside the base tangerine. Less jarring than a direct complementary pair.
• Tetradic: Combines tangerine, yellow-green, cobalt, and violet for a complex four-color palette. Needs careful balance to avoid visual noise.

Practical Pairing Guidelines

• 60-30-10 Rule: Use tangerine as the 10% accent in most layouts. As the 30% secondary in high-energy or lifestyle contexts. Rarely works well as the 60% dominant unless the design is intentionally bold.
• Accent Color Strategy: Tangerine draws attention to CTAs, icons, and key interface elements without needing to dominate the layout.
• Neutral Bridging: White, cream, and warm gray all bridge tangerine cleanly to darker or cooler tones. Avoid using cool grays as a bridge. It tends to make the tangerine look muddy.

—

How Does Tangerine Differ From Similar Warm Colors?

Tangerine differs from standard orange (less red), coral (less pink), burnt orange (less dark and earthy), and amber (less golden) through its specific balance of high red, moderate green, and zero blue that creates its distinctive vivid warmth.

Visual Comparison Chart

—

How Do You Create Tangerine in Different Mediums?

Create tangerine by mixing cadmium red and cadmium yellow in roughly a 1:2 ratio in paint, entering #F28500 in digital design tools, or setting RGB values to approximately (242, 133, 0) in screen-based applications, ensuring the red channel dominates for accurate results.

Acrylic Paint

Start with a cadmium yellow or hansa yellow as your base. Add cadmium red or pyrrole red gradually in roughly a 2:1 yellow-to-red ratio.

Evaluate the mix in natural light. If it drifts too red, add more yellow. A small amount of titanium white can bring it toward a lighter tangerine tint without killing the vibrancy.

• Base colors needed: Cadmium Yellow Medium, Cadmium Red Light (or Pyrrole Red)
• Mixing ratios: Approximately 2 parts yellow to 1 part red, adjusted visually
• Common mistake: Adding too much red too quickly, which shifts it toward vermilion
• Tip: Mix on a white palette so you see the true undertone before applying it

Oil Paint

Use cadmium yellow and cadmium red light as your primary pigments. Oil paint blends more slowly, which gives more control over the final hue.

Note that cadmium pigments shift slightly as they cure. The finished tangerine may read a touch darker after full drying.

• Pigments: Cadmium Yellow, Cadmium Red Light, or Transparent Orange as an alternative
• Drying shift: Expect a slight darkening of about 5-10% in value after full cure

Watercolor

Transparent pigments work best here. Cadmium-free options like Winsor Orange and Cadmium Yellow Hue give a clean tangerine with good transparency.

Build the color in layers rather than trying to get full saturation in one pass. A single saturated wash tends to go uneven on cold-press paper.

• Pigment suggestions: Winsor Orange (PO73), New Gamboge (PY153)
• Dilution: Start at a 1:3 pigment-to-water ratio, build up in layers

Gouache

Mix cadmium yellow and red as with acrylics, but add a touch of white gouache to increase opacity. Gouache dries matte, which shifts the perceived brightness slightly compared to acrylics.

Rewetting is possible with gouache, so test the color after it dries before committing to the final application.

Print / CMYK

• Cyan: 0%
• Magenta: 45%
• Yellow: 100%
• Black: 5%
• Paper note: On uncoated stock, tangerine can shift toward a murkier amber. Use coated paper for the most accurate reproduction.
• Pantone match: Closest to Pantone 15-1164 TCX (Flame Orange range). Verify against physical swatches before press.

For quick digital conversions between formats, use a HSL to RGB converter or the CMYK to RGB converter to stay accurate across platforms.

—

What Are the Best Practices for Using Tangerine in Design?

Best practices for tangerine include using it as an accent rather than a dominant tone, pairing it with high-contrast neutrals, checking WCAG contrast ratios for text legibility, and limiting its presence to 10-30% of a layout to avoid visual fatigue.

Designers should avoid placing tangerine text on white backgrounds for body copy, since the contrast ratio falls below WCAG AA standards at smaller sizes. Reserve it for headlines, buttons, and icons where size compensates.

For web design specifically, run tangerine UI elements through a color contrast checker before launch. It is an easy thing to overlook, and it catches accessibility issues before they become a user problem. One more thing: tangerine can render differently across monitors and mobile screens. Always test on at least two device types before finalizing interface colors.

—

What Role Does Tangerine Play in Branding and Marketing?

Tangerine plays an energetic and attention-grabbing role in branding and marketing, communicating enthusiasm, creativity, and approachability to consumers. Research shows warm orange tones increase interaction rates and engagement, making tangerine effective for youth-oriented, food, and lifestyle brands seeking a bold, friendly identity.

It works particularly well for brands that want to avoid the aggression of red but still need strong shelf presence. Food and beverage, fitness, and children’s products use it regularly for that reason.

Used in a logo, tangerine reads as warm and confident. It pairs well with bold sans-serif fonts in branding contexts where a clean, modern identity is the goal. If your brand guidelines call for strong but approachable, tangerine is worth serious consideration.

Some additional colors worth exploring for warm-toned palettes: peach, apricot, saffron, and terracotta all share tonal qualities with tangerine and can be used to build a richer, layered warm palette. For full palette inspiration, orange color palettes and autumn color palettes are good starting points.

FAQ on Tangerine Color

What Is the Hex Code for Tangerine Color?

The standard hex code for tangerine is #F28500.

Its RGB values are (242, 133, 0), with a hue angle of 33 degrees, 100% saturation, and 47.5% lightness. The CMYK breakdown is 0% cyan, 45% magenta, 100% yellow, and 5% black.

What Color Is Tangerine Closest To?

Tangerine sits closest to standard orange but leans more red.

It is warmer and more intense than amber, less pink than coral, and less earthy than burnt orange. The zero blue in its RGB makeup is what keeps it distinctly vivid and warm.

What Colors Go With Tangerine?

Tangerine pairs well with teal, navy, cream, deep green, and charcoal.

Teal offers a sharp warm-cool contrast. Cream softens it without dulling the tone. Navy gives it a grounded, sophisticated feel that works well in fashion and editorial design.

What Does Tangerine Color Symbolize?

Tangerine symbolizes energy, optimism, creativity, and warmth.

In Chinese culture, it represents good fortune and prosperity, especially during Lunar New Year. In color psychology, it links to social confidence, enthusiasm, and adventurous thinking across various design and cultural contexts.

Is Tangerine a Warm or Cool Color?

Tangerine is a warm color.

It sits in the red-orange range of the color wheel at 33 degrees hue, dominated by a high red channel value of 242. It has no blue component at all, which firmly places it in the warm color family.

What Is the Difference Between Tangerine and Orange?

Tangerine is more red-leaning than standard orange.

Orange (#FFA500) has a higher green value and reads more yellow. Tangerine (#F28500) has a lower green value and sits closer to red-orange on the color wheel, giving it a richer, more intense appearance overall.

How Do You Mix Tangerine Color in Paint?

Mix cadmium yellow and cadmium red light in roughly a 2:1 ratio.

Start with yellow as the base and add red gradually. Adjust by adding more yellow if the mix drifts too red. A small amount of titanium white shifts it toward a lighter tangerine tint.

What Is Tangerine Color Used for in Design?

Tangerine works best as an accent color in branding, web design, packaging, fashion, and interior design.

It draws attention to key elements like buttons and icons. In interiors, it adds warmth through soft furnishings and decorative objects without requiring a full commitment to an orange color scheme.

What Are the Pantone Equivalents of Tangerine?

The closest Pantone match for tangerine falls in the 15-1164 TCX range, within the Flame Orange family.

Pantone also named Tangerine Tango (PMS 17-1463) its Color of the Year for 2012. Always verify against a physical Pantone swatch before finalizing any print production work.

Does Tangerine Work Well in Branding?

Yes. Tangerine communicates energy, approachability, and creativity without the aggression of red.

It performs well for food, fitness, youth, and lifestyle brands. Research on warm orange tones shows higher user engagement and interaction rates, making it a solid choice for brands targeting active, social, or younger audiences.

Conclusion

This article on tangerine color covers everything from its CMYK and HSL values to its role in color palettes, branding, and interior design.

What makes tangerine genuinely useful is its flexibility. It works as a bold accent, a seasonal fashion statement, and a warm focal point in visual hierarchy.

Its full saturation and reddish-orange hue give it strong presence on the color wheel without the visual aggression of pure red.

Pair it with teal for sharp contrast, navy for a grounded look, or cream for something softer. The color combinations are broad enough to fit most design contexts.

Used with intention, tangerine brings warmth, citrus brightness, and genuine visual energy to any project.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• 5 Brand Compliance Checkpoints Every Enterprise Should Automate - 23 July 2026
• Timeless Open Sans Font Pairing for Any Project - 22 July 2026
• Pantone to HEX converter - 21 July 2026