← Back to Editor

#E3A884 · #EB9763 · #F47054 · #FF4545 · #F52525

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

#E3A884

Apricot · BurlyWood · Warm Sun

HEX
#E3A884
RGB
rgb(227, 168, 132)
HSL
hsl(23, 63%, 70%)
HSB
hsb(23, 42%, 89%)
CMYK
cmyk(0%, 26%, 42%, 11%)
Oklch
oklch(77.8% 0.085 52.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EB9763

Apricot · SandyBrown · Warm Sun

HEX
#EB9763
RGB
rgb(235, 151, 99)
HSL
hsl(23, 77%, 65%)
HSB
hsb(23, 58%, 92%)
CMYK
cmyk(0%, 36%, 58%, 8%)
Oklch
oklch(75.1% 0.122 51.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F47054

Peach Pink · Coral · Coral Red

HEX
#F47054
RGB
rgb(244, 112, 84)
HSL
hsl(10, 88%, 64%)
HSB
hsb(10, 66%, 96%)
CMYK
cmyk(0%, 54%, 66%, 4%)
Oklch
oklch(69.9% 0.168 33.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF4545

Peach Pink · Tomato · Coral Red

HEX
#FF4545
RGB
rgb(255, 69, 69)
HSL
hsl(0, 100%, 64%)
HSB
hsb(0, 73%, 100%)
CMYK
cmyk(0%, 73%, 73%, 0%)
Oklch
oklch(66.5% 0.222 25.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F52525

Vermilion · Crimson · Passion Red

HEX
#F52525
RGB
rgb(245, 37, 37)
HSL
hsl(0, 91%, 55%)
HSB
hsb(0, 85%, 96%)
CMYK
cmyk(0%, 85%, 85%, 4%)
Oklch
oklch(62.2% 0.237 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3A884
82BEE3

Analogous

E3828E
E3A884
E3D782

Triadic

E3A884
82E3A7
A782E3

Split-Comp.

E3A884
82E3D7
828EE3

Tetradic

E3A884
8EE382
82BEE3
D782E3

Contrast Matrix WCAG 2.1 Contrast

E3A884
EB9763
F47054
FF4545
F52525
—
1.1
Fail
1.4
Fail
1.6
Fail
2.0
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.8
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
2.1Fail
2.3Fail
2.9Fail
3.4AA Large
4.1AA Large
Black BG
10.2AAA
9.1AAA
7.3AAA
6.2AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C98D
C7C670
BBBA5B
AEAD45
9B9925

Deuteranopia

CDD18F
CCD273
C3CC5C
B9C745
A7B725

Tritanopia

E09495
E77A7C
ED6061
F64545
EB2525

Achromatopsia

B6B6B6
AAAAAA
949494
7D7D7D
636363

Shades & Tints Shades & Tints

#E3A884

Dark
Light

#EB9763

Dark
Light

#F47054

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3a884;
  --color-2: #eb9763;
  --color-3: #f47054;
  --color-4: #ff4545;
  --color-5: #f52525;
}

SCSS

$color-1: #e3a884;
$color-2: #eb9763;
$color-3: #f47054;
$color-4: #ff4545;
$color-5: #f52525;

TAILWIND

colors: {
  'brand-1': '#e3a884',
  'brand-2': '#eb9763',
  'brand-3': '#f47054',
  'brand-4': '#ff4545',
  'brand-5': '#f52525',
}

RGB Array

[227, 168, 132], [235, 151, 99], [244, 112, 84], [255, 69, 69], [245, 37, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3A884, #EB9763, #F47054, #FF4545, #F52525 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: #e3a884; --color-2: #eb9763; --color-3: #f47054; --color-4: #ff4545; --color-5: #f52525. 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