← Back to Editor

#A61C35 · #970E22 · #A7AD2B · #E0C572 · #E06C07

A 5-color palette 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

#A61C35

Vermilion · Brown · Wine Red

HEX
#A61C35
RGB
rgb(166, 28, 53)
HSL
hsl(349, 71%, 38%)
HSB
hsb(349, 83%, 65%)
CMYK
cmyk(0%, 83%, 68%, 35%)
Oklch
oklch(47.3% 0.171 18.0)

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

#970E22

Vermilion · Brown · Wine Red

HEX
#970E22
RGB
rgb(151, 14, 34)
HSL
hsl(351, 83%, 32%)
HSB
hsb(351, 91%, 59%)
CMYK
cmyk(0%, 91%, 77%, 41%)
Oklch
oklch(43.3% 0.166 22.2)

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

#A7AD2B

Autumn Sage · GoldenRod · Honey Gold

HEX
#A7AD2B
RGB
rgb(167, 173, 43)
HSL
hsl(63, 60%, 42%)
HSB
hsb(63, 75%, 68%)
CMYK
cmyk(3%, 0%, 75%, 32%)
Oklch
oklch(72.0% 0.146 112.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E0C572

Ginger · BurlyWood · Sunflower

HEX
#E0C572
RGB
rgb(224, 197, 114)
HSL
hsl(45, 64%, 66%)
HSB
hsb(45, 49%, 88%)
CMYK
cmyk(0%, 12%, 49%, 12%)
Oklch
oklch(82.9% 0.107 91.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E06C07

Tangerine · Chocolate · Amber Brown

HEX
#E06C07
RGB
rgb(224, 108, 7)
HSL
hsl(28, 94%, 45%)
HSB
hsb(28, 97%, 88%)
CMYK
cmyk(0%, 52%, 97%, 12%)
Oklch
oklch(65.8% 0.170 50.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A61C35
1CA68C

Analogous

A61C7A
A61C35
A6481C

Triadic

A61C35
35A61C
1C35A6

Split-Comp.

A61C35
1CA648
1C7AA6

Tetradic

A61C35
7AA61C
1CA68C
481CA6

Contrast Matrix WCAG 2.1 Contrast

A61C35
970E22
A7AD2B
E0C572
E06C07
—
1.2
Fail
3.0
AA Large
4.4
AA Large
2.2
Fail
1.2
Fail
—
3.6
AA Large
5.2
AA
2.6
Fail
3.0
AA Large
3.6
AA Large
—
1.4
Fail
1.4
Fail
4.4
AA Large
5.2
AA
1.4
Fail
—
2.0
Fail
2.2
Fail
2.6
Fail
1.4
Fail
2.0
Fail
—
White BG
7.4AAA
8.7AAA
2.4Fail
1.7Fail
3.3AA Large
Black BG
2.8Fail
2.4Fail
8.7AAA
12.4AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A692F
5C5A1D
AAAA4A
D4D486
AEAD1F

Deuteranopia

727D2D
646E1C
A9A952
D6D88B
B5BD25

Tritanopia

9F2A29
901919
A76369
DF9699
DA3337

Achromatopsia

484848
393939
9C9C9C
C4C4C4
838383

Shades & Tints Shades & Tints

#A61C35

Dark
Light

#970E22

Dark
Light

#A7AD2B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a61c35;
  --color-2: #970e22;
  --color-3: #a7ad2b;
  --color-4: #e0c572;
  --color-5: #e06c07;
}

SCSS

$color-1: #a61c35;
$color-2: #970e22;
$color-3: #a7ad2b;
$color-4: #e0c572;
$color-5: #e06c07;

TAILWIND

colors: {
  'brand-1': '#a61c35',
  'brand-2': '#970e22',
  'brand-3': '#a7ad2b',
  'brand-4': '#e0c572',
  'brand-5': '#e06c07',
}

RGB Array

[166, 28, 53], [151, 14, 34], [167, 173, 43], [224, 197, 114], [224, 108, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A61C35, #970E22, #A7AD2B, #E0C572, #E06C07 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: #a61c35; --color-2: #970e22; --color-3: #a7ad2b; --color-4: #e0c572; --color-5: #e06c07. 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 general-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