← Back to Editor

#A60900 · #E8180C · #FF3E0D · #E80CBC · #D70DFF

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A60900

Vermilion · DarkRed · Wine Red

HEX
#A60900
RGB
rgb(166, 9, 0)
HSL
hsl(3, 100%, 33%)
HSB
hsb(3, 100%, 65%)
CMYK
cmyk(0%, 95%, 100%, 35%)
Oklch
oklch(45.8% 0.184 30.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#E8180C

Vermilion · Red · Passion Red

HEX
#E8180C
RGB
rgb(232, 24, 12)
HSL
hsl(3, 90%, 48%)
HSB
hsb(3, 95%, 91%)
CMYK
cmyk(0%, 90%, 95%, 9%)
Oklch
oklch(59.1% 0.234 29.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FF3E0D

Vermilion · OrangeRed · Passion Red

HEX
#FF3E0D
RGB
rgb(255, 62, 13)
HSL
hsl(12, 100%, 53%)
HSB
hsb(12, 95%, 100%)
CMYK
cmyk(0%, 76%, 95%, 0%)
Oklch
oklch(65.5% 0.233 33.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E80CBC

Rose Purple · DeepPink · Violet

HEX
#E80CBC
RGB
rgb(232, 12, 188)
HSL
hsl(312, 90%, 48%)
HSB
hsb(312, 95%, 91%)
CMYK
cmyk(0%, 95%, 19%, 9%)
Oklch
oklch(63.1% 0.271 339.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#D70DFF

Royal Purple · Magenta · Violet

HEX
#D70DFF
RGB
rgb(215, 13, 255)
HSL
hsl(290, 100%, 53%)
HSB
hsb(290, 95%, 100%)
CMYK
cmyk(16%, 95%, 0%, 0%)
Oklch
oklch(64.5% 0.307 319.1)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A60900
00A0A8

Analogous

A8004C
A60900
A85D00

Triadic

A60900
00A808
0800A8

Split-Comp.

A60900
00A85D
004CA8

Tetradic

A60900
4CA800
00A0A8
5D00A8

Contrast Matrix WCAG 2.1 Contrast

A60900
E8180C
FF3E0D
E80CBC
D70DFF
—
1.7
Fail
2.2
Fail
2.0
Fail
2.0
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
2.2
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
2.0
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
7.9AAA
4.6AA
3.5AA Large
4.0AA Large
3.9AA Large
Black BG
2.7Fail
4.6AA
5.9AA
5.2AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626102
8E8C0F
ABAA19
898791
807EC4

Deuteranopia

6B7703
9AAA10
B7C51C
96A687
8B9AB6

Tritanopia

9E0404
DE1112
F52224
DD7068
CD968C

Achromatopsia

373737
555555
727272
626262
656565

Shades & Tints Shades & Tints

#A60900

Dark
Light

#E8180C

Dark
Light

#FF3E0D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a60900;
  --color-2: #e8180c;
  --color-3: #ff3e0d;
  --color-4: #e80cbc;
  --color-5: #d70dff;
}

SCSS

$color-1: #a60900;
$color-2: #e8180c;
$color-3: #ff3e0d;
$color-4: #e80cbc;
$color-5: #d70dff;

TAILWIND

colors: {
  'brand-1': '#a60900',
  'brand-2': '#e8180c',
  'brand-3': '#ff3e0d',
  'brand-4': '#e80cbc',
  'brand-5': '#d70dff',
}

RGB Array

[166, 9, 0], [232, 24, 12], [255, 62, 13], [232, 12, 188], [215, 13, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A60900, #E8180C, #FF3E0D, #E80CBC, #D70DFF is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a60900; --color-2: #e8180c; --color-3: #ff3e0d; --color-4: #e80cbc; --color-5: #d70dff. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color