← Back to Editor

#A7373C · #EE4B3A · #FFAB84 · #FAC096 · #C2B992

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

#A7373C

Crimson · Brown · Passion Red

HEX
#A7373C
RGB
rgb(167, 55, 60)
HSL
hsl(357, 50%, 44%)
HSB
hsb(357, 67%, 65%)
CMYK
cmyk(0%, 67%, 64%, 35%)
Oklch
oklch(50.1% 0.147 21.7)

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

#EE4B3A

Vermilion · Tomato · Passion Red

HEX
#EE4B3A
RGB
rgb(238, 75, 58)
HSL
hsl(6, 84%, 58%)
HSB
hsb(6, 76%, 93%)
CMYK
cmyk(0%, 68%, 76%, 7%)
Oklch
oklch(64.1% 0.202 29.6)

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

#FFAB84

Apricot · LightSalmon · Peach Orange

HEX
#FFAB84
RGB
rgb(255, 171, 132)
HSL
hsl(19, 100%, 76%)
HSB
hsb(19, 48%, 100%)
CMYK
cmyk(0%, 33%, 48%, 0%)
Oklch
oklch(81.4% 0.112 45.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FAC096

Apricot · BurlyWood · Peach Orange

HEX
#FAC096
RGB
rgb(250, 192, 150)
HSL
hsl(25, 91%, 78%)
HSB
hsb(25, 40%, 98%)
CMYK
cmyk(0%, 23%, 40%, 2%)
Oklch
oklch(85.0% 0.087 57.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C2B992

Ginger · Tan · Sunflower

HEX
#C2B992
RGB
rgb(194, 185, 146)
HSL
hsl(49, 28%, 67%)
HSB
hsb(49, 25%, 76%)
CMYK
cmyk(0%, 5%, 25%, 24%)
Oklch
oklch(78.3% 0.054 96.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7373C
38A8A3

Analogous

A83876
A7373C
A86B38

Triadic

A7373C
3EA838
383EA8

Split-Comp.

A7373C
38A86B
3876A8

Tetradic

A7373C
76A838
38A8A3
6B38A8

Contrast Matrix WCAG 2.1 Contrast

A7373C
EE4B3A
FFAB84
FAC096
C2B992
—
1.8
Fail
3.5
AA Large
4.0
AA Large
3.3
AA Large
1.8
Fail
—
2.0
Fail
2.3
Fail
1.9
Fail
3.5
AA Large
2.0
Fail
—
1.1
Fail
1.1
Fail
4.0
AA Large
2.3
Fail
1.1
Fail
—
1.2
Fail
3.3
AA Large
1.9
Fail
1.1
Fail
1.2
Fail
—
White BG
6.5AA
3.7AA Large
1.8Fail
1.6Fail
2.0Fail
Black BG
3.3AA Large
5.7AA
11.4AAA
13.0AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

77753B
A7A63E
DBDA8D
E1E0A0
BEBE9B

Deuteranopia

7D853B
B1BD3F
E0E690
E4E9A3
BFBF9E

Tritanopia

A13A3A
E64142
FB9597
F7A8AA
C2A3A5

Achromatopsia

595959
7A7A7A
C0C0C0
CDCDCD
B7B7B7

Shades & Tints Shades & Tints

#A7373C

Dark
Light

#EE4B3A

Dark
Light

#FFAB84

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7373c;
  --color-2: #ee4b3a;
  --color-3: #ffab84;
  --color-4: #fac096;
  --color-5: #c2b992;
}

SCSS

$color-1: #a7373c;
$color-2: #ee4b3a;
$color-3: #ffab84;
$color-4: #fac096;
$color-5: #c2b992;

TAILWIND

colors: {
  'brand-1': '#a7373c',
  'brand-2': '#ee4b3a',
  'brand-3': '#ffab84',
  'brand-4': '#fac096',
  'brand-5': '#c2b992',
}

RGB Array

[167, 55, 60], [238, 75, 58], [255, 171, 132], [250, 192, 150], [194, 185, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7373C, #EE4B3A, #FFAB84, #FAC096, #C2B992 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: #a7373c; --color-2: #ee4b3a; --color-3: #ffab84; --color-4: #fac096; --color-5: #c2b992. 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