Few colors demand attention the way scarlet color does.

Scarlet is a warm, vivid red with a slight orange shift, sitting between pure red and orange on the color wheel. It carries strong associations with passion, energy, and confidence, with RGB values of (255, 36, 0) and a hex code of #FF2400.

It shows up everywhere, from high-fashion runways to brand logos, interior feature walls to ceremonial flags. And yet, most people can’t explain exactly what separates it from crimson, vermilion, or a standard red.

This article covers scarlet’s color codes, shades, psychology, color combinations, and how to use it well in design.

Scarlet Color Codes

Scarlet sits firmly in the warm red family, carrying strong orange undertones that separate it from cooler reds like crimson. On the color theory spectrum, it falls between pure red and orange, with a hue angle of roughly 8.5 degrees.

Here are the standard color codes used across digital and print applications:

  • RGB: rgb(255, 36, 0)
  • HEX: #FF2400
  • CMYK: C:0% M:86% Y:100% K:0%
  • HSL: hsl(8.5, 100%, 50%)

In the RGB color model, scarlet is composed of 100% red, about 14% green, and 0% blue. That zero blue value is a big part of why it reads so warm and aggressive. In CMYK, the 100% yellow combined with high magenta produces that signature fiery tone you see in print.

Need to convert between formats? The RGB to HEX Converter and HEX to RGB Converter tools handle that quickly. For print prep, the RGB to CMYK converter is worth bookmarking.

The HSL to RGB converter is useful when you’re working in CSS and need precise control over lightness and saturation values.

Scarlet is a warm-toned color. It belongs to the warm color spectrum alongside oranges and yellows, which is why it tends to visually advance toward the viewer rather than recede.

What role does color play in design and marketing?

Dive into the latest color statistics: psychology in branding, consumer preferences, design trends, and data on color impact.

Explore the Numbers →

Scarlet Color Palettes

Scarlet works well across multiple color palette types. Below are the main harmony combinations based on its position on the color wheel.

Harmony Type Colors
Complementary #FF2400
#00DBFF
Split Complementary #FF2400
#00FFB7
#0048FF
Triadic #FF2400
#00FF24
#2400FF
Tetradic #FF2400
#DBFF00
#00DBFF
#2400FF
Analogous #FF2400
#FF0048
#FF6C00
Monochromatic #660F00
#991600
#CC1C00
#FF2400
#FF6B52

For building custom combinations, the color palette generator is a practical starting point. If you’re working across print and screen, the CMYK to RGB converter helps keep things consistent.

Scarlet Shades

Scarlet encompasses multiple variations including bright scarlet, deep scarlet, dark scarlet, muted scarlet, light scarlet tints, and near-orange scarlet.

Each variation differs in saturation, brightness, and undertone composition. Some lean lighter toward white as tints, while others shift darker toward black as shades, creating distinct visual effects depending on the application.

Shade Name Color HSL Value RGB Value
Light Scarlet Tint #FFB3A6 hsl(8, 100%, 83%) rgb(255, 179, 166)
Pale Scarlet #FF6B52 hsl(9, 100%, 66%) rgb(255, 107, 82)
Original Scarlet #FF2400 hsl(8.5, 100%, 50%) rgb(255, 36, 0)
Deep Scarlet #CC1C00 hsl(8.5, 100%, 40%) rgb(204, 28, 0)
Dark Scarlet #991600 hsl(8.5, 100%, 30%) rgb(153, 22, 0)
Very Dark Red-Scarlet #660F00 hsl(8.5, 100%, 20%) rgb(102, 15, 0)

What Are the Primary Attributes of Scarlet?

Scarlet has five primary attributes: high saturation (derived from full red-channel intensity), warm undertone (orange-leaning), high brightness (100% in HSB), strong visual dominance (draws immediate attention), and emotional intensity (associated with passion and urgency).

How Is Scarlet Used in Interior Design?

Scarlet functions as a statement accent color in interior design, creating energetic, warm spaces that feel bold and alive.

Designers use scarlet for feature walls, rugs, cushions, and decorative objects to add drama without overwhelming a room. It works well in modern, eclectic, and luxury interiors.

Neutral backdrops like cream, ivory, and charcoal gray help balance its intensity. Pairing it with gold or brass finishes adds richness. Used in small doses, even a compact room can carry it.

What Psychology and Emotions Does Scarlet Evoke?

Scarlet evokes passion, courage, urgency, and excitement through its association with fire, heat, and bold action.

Color psychology research indicates scarlet stimulates physiological responses, including increased heart rate and heightened alertness. It creates high-energy environments that encourage social interaction and fast decision-making.

Culturally, it signals power in Eastern traditions and sacrifice in Christian symbolism. That range of cultural associations is part of why it carries such emotional weight across contexts.

How Is Scarlet Applied in Fashion and Clothing?

Scarlet serves as a bold statement color in fashion, offering striking visual impact through dresses, coats, accessories, and outerwear.

Fashion designers use scarlet for its high visibility, strong personality, and capacity to transition between formal and casual settings. From red carpet gowns to everyday streetwear, it holds its own across seasons.

Brands like Carolina Herrera have featured scarlet prominently in recent collections. At your mileage may vary depending on skin undertone. Generally, it suits warm and neutral complexions best, though there are no hard rules.

What Colors Complement and Contrast With Scarlet?

Scarlet complements white, ivory, black, gold, charcoal gray, and navy blue, while contrasting effectively with cyan, turquoise, and green.

These combinations create high-impact palettes that take advantage of scarlet’s warm intensity for everything from branding to interior design.

Complementary Colors

Scarlet + Cyan (#00DBFF)

  • Color Theory Basis: Direct complement on the color wheel. Warm vs. cool opposition.
  • Visual Effect: High contrast, electric, attention-grabbing
  • Best Applications: Digital advertising, sports branding, gaming UI
  • Ratio Recommendations: 70% scarlet / 30% cyan or inverted
  • Example Uses: Tech product launches, event posters

Scarlet + Black

  • Color Theory Basis: Value contrast. Black amplifies scarlet’s intensity.
  • Visual Effect: Dramatic, sophisticated, powerful
  • Best Applications: Luxury branding, fashion editorial, packaging
  • Ratio Recommendations: 60% black / 40% scarlet
  • Example Uses: High-end product packaging, magazine layouts

Scarlet + Gold

  • Color Theory Basis: Both are warm, but gold’s yellow base creates a rich split-analogous harmony.
  • Visual Effect: Opulent, festive, authoritative
  • Best Applications: Wedding design, luxury packaging, heraldic-inspired branding
  • Ratio Recommendations: 65% scarlet / 35% gold
  • Example Uses: Award ceremonies, premium product labels

Scarlet + Ivory

  • Color Theory Basis: Light neutral softens scarlet’s aggression without removing its warmth.
  • Visual Effect: Elegant, balanced, refined
  • Best Applications: Interior design, editorial design, wedding themes
  • Ratio Recommendations: 80% ivory / 20% scarlet as accent
  • Example Uses: Bridal styling, print editorial, home decor

Contrasting Colors

Scarlet + Turquoise

  • Contrast Type: Near-complementary, warm vs. cool
  • Visual Impact: Energetic, playful, bold
  • Best Applications: Retail displays, festival branding, social media graphics
  • Balance Strategy: Keep scarlet as accent, let turquoise carry more surface area

Scarlet + Navy Blue

  • Contrast Type: Warm/cool value contrast
  • Visual Impact: Classic, authoritative, bold
  • Best Applications: Sports teams, institutional branding, nautical themes
  • Balance Strategy: Use navy as dominant base, scarlet for highlights

Scarlet + Forest Green

  • Contrast Type: Near-complementary (red-green axis)
  • Visual Impact: Festive, vivid, traditionally rich
  • Best Applications: Holiday design, packaging, poster design
  • Balance Strategy: Use in equal parts for festive feel, or 70/30 for subtler results

Color Scheme Types

  • Monochromatic: Use tints (pale scarlet, light scarlet) and shades (deep scarlet, very dark red-scarlet) across a single composition for depth without noise.
  • Analogous: Pair with red-orange and red-pink for warm, cohesive palettes that feel energetic but not jarring.
  • Triadic: Scarlet with blue and green. High contrast, requires careful balance. Often works better with desaturated versions of the secondary hues.
  • Split-Complementary: Scarlet with cyan-blue and cyan-green. More forgiving than a direct complement, still high energy.
  • Tetradic: Two complementary pairs. Scarlet + cyan paired with gold + indigo, for example. Complex, but effective in large-scale brand systems.

Practical Pairing Guidelines

  • 60-30-10 Rule: Use a neutral (white, black, gray) as the dominant 60%, scarlet as 30%, and a second accent (gold, navy) as 10%.
  • Accent Color Strategy: Scarlet works well as the 10% or 30% accent rather than the dominant base in most layouts.
  • Neutral Bridging: Charcoal, warm gray, and cream all act as bridges between scarlet and cooler accent colors without killing the energy.

How Does Scarlet Differ From Similar Warm Colors?

Scarlet differs from crimson (cooler, more blue), vermilion (more orange), blood red (darker, more muted), and cherry (deeper, slightly purple) through its specific balance of maximum red, minimal green, and zero blue that creates its distinctive fiery clarity.

Color Name HEX Code RGB Values Key Difference Best Use Case
Scarlet #FF2400 255, 36, 0 Bright warm red with slight orange shift Branding, fashion, accents
Crimson #DC143C 220, 20, 60 Cooler, darker, blue-shifted red Formal, academic, luxury
Vermilion #E34234 227, 66, 52 More orange, softer warm red Fine art, painting, craft
Blood Red #880808 136, 8, 8 Much darker, muted, low saturation Horror, dramatic narrative design
Brick Red #CB4154 203, 65, 84 Earthier, muted with slight pink shift Interior design, earthy branding

How Do You Create Scarlet in Different Mediums?

Create scarlet by mixing cadmium red with a small amount of cadmium yellow in paint, using #FF2400 in digital design, or setting RGB values to (255, 36, 0) in screen-based applications, ensuring red dominates the mixture for accurate color reproduction.

Acrylic Paint

Start with cadmium red (or a cadmium red substitute) as the base. Add a very small amount of cadmium yellow, around 5 to 10%, to push it toward orange-red without crossing into full orange.

Mix on a palette and test against white paper before committing. Common mistake: adding too much yellow turns it into vermilion territory fast. If that happens, add more pure red to pull it back.

Oil Paint

Use cadmium red medium as your starting pigment. Pyrrol Scarlet (PR255) is actually the most accurate match if you want a single-pigment option. Oil colors dry slightly darker, so mix a touch lighter than your target.

Drying time can shift the value slightly, but the hue stays consistent. Works well for glazing over warm underpaints.

Watercolor

Pyrrol Scarlet in watercolor is the closest single-pigment match. It’s transparent, which means layering builds intensity without losing luminosity.

Dilute heavily for tints, layer wet-on-dry for depth. Avoid mixing with cadmium-based colors as the interaction can look chalky.

Gouache

Use cadmium red or a high-saturation warm red as the base. Gouache dries slightly lighter than it looks wet, so compensate when mixing. Scarlet in gouache has excellent coverage and works well for graphic, flat-color applications.

Print / CMYK

  • Cyan: 0%
  • Magenta: 86%
  • Yellow: 100%
  • Black: 0%
  • Pantone matching: Closest match is Pantone 485 C (a reliable approximation for print production)
  • Printing considerations: Coated stock keeps the vibrancy. Uncoated paper absorbs ink and can dull the orange undertone noticeably.

For quick format checks in your workflow, the PX to PT converter and PT to PX converter are handy when moving between screen and print specs.

What Are the Best Practices for Using Scarlet in Design?

Best practices for scarlet include using it as an accent rather than a dominant base, pairing it with neutrals to control intensity, checking color contrast for accessibility, and limiting its surface area to preserve visual impact.

Designers should apply the 60-30-10 rule, test against both light and dark backgrounds, and ensure sufficient contrast ratios for text use to meet WCAG accessibility standards.

In web design, avoid using scarlet as a large background color for body text. It creates eye strain quickly. As a button, banner, or call-to-action element, though, it performs well. Red-family colors consistently show higher click-through rates on CTA buttons.

In print design and poster design, scarlet creates strong emphasis and draws the eye directly to the focal element. Use it to guide visual hierarchy.

What Role Does Scarlet Play in Branding and Marketing?

Scarlet plays a high-impact role in branding and marketing, communicating energy, confidence, and bold action to consumers.

Marketing research indicates scarlet increases alertness and drives fast decision-making, making it effective for retail brands, entertainment companies, and any brand positioning itself as bold, passionate, or action-oriented.

Brands like Coca-Cola and Target use red-family tones close to scarlet for exactly this reason. It demands attention fast. In packaging design, scarlet signals confidence and premium positioning when paired with black or gold.

One thing worth keeping in mind for brand guidelines: scarlet’s meaning shifts across cultures. In Western markets, it reads as energetic and urgent. In Eastern markets, it often carries positive associations with prosperity and good fortune. A well-built brand style guide should note these distinctions if the brand operates internationally.

It also works well in logo design when the brand wants to signal boldness without complexity. Paired with clean typography and strong contrast, a scarlet logo reads clearly at small sizes and across different media.

FAQ on Scarlet Color

What exactly is scarlet color?

Scarlet is a bright, warm red with a slight orange shift. Its hex code is #FF2400, with RGB values of (255, 36, 0). It sits between pure red and orange on the color wheel, making it warmer and more energetic than most reds.

What is the difference between scarlet and crimson?

Scarlet leans orange, while crimson leans blue-purple. Crimson (#DC143C) is deeper and cooler. Scarlet reads as fiery and bold. Crimson feels richer and more formal. They’re both reds, but the undertone difference is significant in design and fashion contexts.

What does scarlet symbolize?

Scarlet symbolizes passion, courage, energy, and urgency. In Western cultures it signals excitement and action. In Eastern traditions it represents prosperity and good fortune. Historically, it was also linked to power, sacrifice, and religious significance in Christianity.

What colors go well with scarlet?

Scarlet pairs well with white, black, ivory, gold, charcoal gray, and navy blue. For high contrast, cyan and turquoise work as direct complements. Gold adds richness. Black sharpens it. Neutral tones soften its intensity without removing the warmth.

Is scarlet a warm or cool color?

Scarlet is a warm color. Its hue angle sits at roughly 8.5 degrees, pulling it toward orange on the color wheel. It has 100% saturation and zero blue in its RGB composition, which locks it firmly in the warm spectrum.

What is scarlet’s CMYK value for print?

In CMYK, scarlet is C:0%, M:86%, Y:100%, K:0%. The zero cyan and zero black values keep it bright. For accurate print results, coated stock is recommended. Uncoated paper absorbs ink and noticeably dulls the orange undertone.

How is scarlet used in branding?

Scarlet communicates energy, boldness, and confidence in branding. It works well for retail, entertainment, and action-oriented brands. Used in logos, call-to-action buttons, and packaging, it grabs attention fast and drives quick decision-making in consumers.

How do you mix scarlet in acrylic paint?

Start with cadmium red as the base, then add a small amount of cadmium yellow, around 5 to 10%. Too much yellow pushes it into vermilion. A single-pigment option is Pyrrol Scarlet (PR255), which gives a clean, accurate result.

What is the difference between scarlet and vermilion?

Vermilion carries more orange than scarlet and traditionally comes from the mineral cinnabar. Scarlet is a purer, more intense red. In RGB terms, scarlet has a higher red value and less green than most vermilion variants, making it appear brighter and bolder.

Is scarlet a good color for interior design?

Yes, when used carefully. Scarlet works best as an accent color on feature walls, rugs, cushions, or decor objects. It suits modern, eclectic, and luxury interiors. Pair it with neutral tones like cream or charcoal to balance its visual intensity.

Conclusion

This article on scarlet color covered everything from its precise color codes and shades to its psychological effects, design applications, and cultural symbolism.

Scarlet is not just a bright red. Its specific warm hue, high saturation, and zero blue composition give it a distinct identity that separates it from crimson, vermilion, and other red tones.

Whether you’re building a color palette, working on packaging design, or choosing a statement wall color, understanding scarlet’s undertones and color psychology helps you use it with intention.

Used well, scarlet commands attention without apology. That’s exactly what makes it one of the most versatile and powerful colors in any designer’s toolkit.

Bogdan Sandu
Share
Written by 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.