← Back to Editor

#E7AD76 · #F39057 · #F4534E · #CC3758 · #81343F

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

#E7AD76

Apricot · BurlyWood · Warm Sun

HEX
#E7AD76
RGB
rgb(231, 173, 118)
HSL
hsl(29, 70%, 68%)
HSB
hsb(29, 49%, 91%)
CMYK
cmyk(0%, 25%, 49%, 9%)
Oklch
oklch(78.9% 0.098 64.1)

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

#F39057

Apricot · Coral · Warm Sun

HEX
#F39057
RGB
rgb(243, 144, 87)
HSL
hsl(22, 87%, 65%)
HSB
hsb(22, 64%, 95%)
CMYK
cmyk(0%, 41%, 64%, 5%)
Oklch
oklch(74.7% 0.140 49.3)

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

#F4534E

Peach Pink · Tomato · Coral Red

HEX
#F4534E
RGB
rgb(244, 83, 78)
HSL
hsl(2, 88%, 63%)
HSB
hsb(2, 68%, 96%)
CMYK
cmyk(0%, 66%, 68%, 4%)
Oklch
oklch(66.2% 0.198 25.9)

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

#CC3758

Crimson · Crimson · Passion Red

HEX
#CC3758
RGB
rgb(204, 55, 88)
HSL
hsl(347, 59%, 51%)
HSB
hsb(347, 73%, 80%)
CMYK
cmyk(0%, 73%, 57%, 20%)
Oklch
oklch(57.0% 0.185 12.7)

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

#81343F

Crimson · Brown · Wine Red

HEX
#81343F
RGB
rgb(129, 52, 63)
HSL
hsl(351, 43%, 35%)
HSB
hsb(351, 60%, 51%)
CMYK
cmyk(0%, 60%, 51%, 49%)
Oklch
oklch(43.5% 0.107 13.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7AD76
74AFE7

Analogous

E77476
E7AD76
E7E574

Triadic

E7AD76
74E7AB
AB74E7

Split-Comp.

E7AD76
74E7E5
7476E7

Tetradic

E7AD76
76E774
74AFE7
E574E7

Contrast Matrix WCAG 2.1 Contrast

E7AD76
F39057
F4534E
CC3758
81343F
—
1.2
Fail
1.7
Fail
2.5
Fail
4.3
AA Large
1.2
Fail
—
1.4
Fail
2.1
Fail
3.6
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
2.5
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
1.7
Fail
4.3
AA Large
3.6
AA Large
2.5
Fail
1.7
Fail
—
White BG
2.0Fail
2.3Fail
3.4AA Large
4.9AA
8.4AAA
Black BG
10.6AAA
8.9AAA
6.2AA
4.3AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD83
C8C765
AEAD4F
8B8A50
605F3C

Deuteranopia

D1D687
CED568
B8C450
949F4E
646A3C

Tritanopia

E48E90
EE7072
EC5050
C54A48
7D3A3A

Achromatopsia

B8B8B8
A7A7A7
838383
676767
4C4C4C

Shades & Tints Shades & Tints

#E7AD76

Dark
Light

#F39057

Dark
Light

#F4534E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7ad76;
  --color-2: #f39057;
  --color-3: #f4534e;
  --color-4: #cc3758;
  --color-5: #81343f;
}

SCSS

$color-1: #e7ad76;
$color-2: #f39057;
$color-3: #f4534e;
$color-4: #cc3758;
$color-5: #81343f;

TAILWIND

colors: {
  'brand-1': '#e7ad76',
  'brand-2': '#f39057',
  'brand-3': '#f4534e',
  'brand-4': '#cc3758',
  'brand-5': '#81343f',
}

RGB Array

[231, 173, 118], [243, 144, 87], [244, 83, 78], [204, 55, 88], [129, 52, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7AD76, #F39057, #F4534E, #CC3758, #81343F 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: #e7ad76; --color-2: #f39057; --color-3: #f4534e; --color-4: #cc3758; --color-5: #81343f. 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