Scarlet Color Code: HEX Code & RGB Code Values

Looking for specific scarlet color code? Get exact scarlet hex code #FF2400 and scarlet RGB code rgb(255,36,0). Complete color information for design and development projects featuring this vibrant, classic red.

HEX#FF2400

RGBrgb(255,36,0)

Shades of Scarlet

Create custom shades of scarlet with our color generator. Adjust hues, tints, and tones to find the perfect shade of scarlet for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 808080

  rgb(128, 128, 128)

Scarlet Palette

Explore curated and automatically generated color palettes featuring scarlet. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

Common Red Color Codes (HEX & RGB)

Red →

HEX:#FF0000

RGB:rgb(255, 0, 0)

Dark Red →

HEX:#8B0000

RGB:rgb(139, 0, 0)

Blood Red →

HEX:#880808

RGB:rgb(136,8,8)

Maroon →

HEX:#800000

RGB:rgb(128, 0, 0)

Burgundy →

HEX:#800020

RGB:rgb(128, 0, 32)

Crimson →

HEX:#DC143C

RGB:rgb(220, 20, 60)

Extract Scarlet Hex & RGB Codes from Image

Upload a photo to find the exact scarlet HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Scarlet Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for scarlet shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

What is Scarlet?

Scarlet is one of the most iconic shades of red — a brilliant, warm orange-red that has symbolized power, prestige, and passion for millennia. The word "scarlet" traces back to the Old French escarlate, which itself comes from the Persian saqirlat, referring to a luxurious type of wool cloth that was commonly dyed a rich red using kermes insect dye. During the Middle Ages, scarlet became synonymous with wealth and status, as the dye process was expensive and the color was reserved for royalty, nobility, and the highest ecclesiastical ranks.

In digital terms, scarlet is represented by the hex code #FF2400 or rgb(255, 36, 0). The color leans heavily toward the warm end of the spectrum, with maximum red, a hint of green, and zero blue. This pure, fiery character makes scarlet immediately eye-catching — it demands attention in a way that deeper, cooler reds like crimson do not. The CMYK equivalent underscores this warmth, with very little cyan and a moderate amount of magenta and yellow, making scarlet reproduce vividly in print.

Scarlet vs Other Reds

Scarlet is part of a distinguished red family, but each shade has its own personality:

Color	HEX Code	Key Difference
Scarlet	#FF2400	Bright orange-red, warm and energetic
Crimson	#DC143C	Deep blue-red, cool and sophisticated
Burgundy	#800020	Dark wine-red with purple undertones
Vermilion	#E34234	Soft, slightly muted orange-red
Tomato Red	#FF6347	Muted reddish-orange, softer than scarlet

Scarlet is the warmest and most vivid of the group — its orange undertone radiates energy and immediacy. It is significantly brighter than vermilion but shares a similar warmth that crimson and burgundy lack. This makes scarlet ideal when you need a red that feels active and commanding rather than elegant or subdued.

Color Psychology and Meaning

Scarlet's psychological impact is immediate and powerful. As the warmest of the classic reds, it triggers feelings most closely associated with action and urgency. However, its historical association with luxury also gives it a dimension of prestige that pure red lacks.

In different cultural and psychological contexts, scarlet represents:

• Power and authority: Worn by cardinals, kings, and military officers throughout history; still used in British ceremonial uniforms and academic regalia
• Passion and desire: Used in literature and art to signify intense romantic or sensual themes — think of Hawthorne's The Scarlet Letter
• Warning and danger: The brain processes warm reds faster than any other color, making scarlet ideal for fire engines, stop signs, and emergency signals
• Celebration and luck: In Chinese culture, scarlet red symbolizes good fortune and joy, prominently featured in weddings and New Year celebrations

For modern brands, scarlet communicates confidence, boldness, and an unapologetic presence. It works best for brands that want to be seen as energetic, passionate, and impossible to ignore.

Using Scarlet in Design

Scarlet's warmth and brightness open up specific design opportunities that cooler reds cannot offer:

Web and UI Design: Scarlet works powerfully as a primary CTA color when you want high conversion urgency. Paired with clean whites, it creates energetic hero sections and header accents. Due to its warmth, it pairs beautifully with dark mode interfaces, where cooler colors can feel clinical. Be cautious with text readability — use white text on scarlet for maximum contrast.

Graphic Design: Scarlet dominates layouts, so use it strategically. It pairs brilliantly with teal or deep navy for striking event posters, packing design, and sports branding. Gold foil and scarlet together create a premium, celebratory look ideal for luxury packaging and holiday marketing.

Fashion and Beauty: The classic "red lipstick" shade that flatters warm skin tones is essentially scarlet. It conveys bold confidence in fashion, from red-carpet gowns to statement handbags and footwear.

Brand Identity: Netflix, YouTube, and ESPN all use scarlet-adjacent reds in their branding to project energy, entertainment, and passion. Scarlet says "we're exciting, we're bold, and we're not background noise."

Color Harmony and Combinations

Scarlet pairs with a surprising range of colors when balanced correctly:

• Monochromatic: Light coral, salmon pink, and deep red create warm gradients
• Complementary: Teal (#008080) or cyan provides maximum color contrast and visual tension
• Analogous: Vermilion, coral, and tangerine blend seamlessly for warm palettes
• Triadic: Scarlet, lime green, and electric blue create a bold, sporty look
• Neutral grounding: Off-white, warm grey, and gold let scarlet pop without competing

For web accessibility, scarlet (#FF2400) on white achieves approximately 5.5:1 contrast, exceeding WCAG AA for normal text. This makes it one of the more accessible warm reds for body copy readability.

Frequently Asked Questions

What is the scarlet hex code?

The standard scarlet hex code is #FF2400. This value is recognized across all major design tools including Adobe Creative Suite, Figma, Sketch, and CSS frameworks.

What colors go well with scarlet?

Scarlet pairs beautifully with teal, navy, gold, off-white, charcoal, and sage green. For a bold palette, combine scarlet with electric blue or lime green.

Is scarlet the same as crimson?

No. Scarlet (#FF2400) is a warm orange-red, while crimson (#DC143C) is a cool blue-red. Scarlet is noticeably brighter and more orange-toned.

What are the RGB values for scarlet?

The scarlet RGB code is rgb(255, 36, 0) — maximum red, a small amount of green, and zero blue.

What is the CMYK equivalent of scarlet?

The scarlet CMYK value is approximately C:0, M:86, Y:100, K:0, reflecting its warm, yellow-dominant red character ideal for print.

Can scarlet be used as a background?

Scarlet makes an excellent accent and hero section background, but for large areas of body text, opt for lighter tints. Full scarlet backgrounds work best when balanced with ample white space and neutral elements.