← Back to Editor

#E09C79 · #FF4238 · #ED5432 · #453810 · #1B7A79

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E09C79

Apricot · DarkSalmon · Warm Sun

HEX
#E09C79
RGB
rgb(224, 156, 121)
HSL
hsl(20, 62%, 68%)
HSB
hsb(20, 46%, 88%)
CMYK
cmyk(0%, 30%, 46%, 12%)
Oklch
oklch(75.1% 0.095 48.1)

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

#FF4238

Peach Pink · Tomato · Coral Red

HEX
#FF4238
RGB
rgb(255, 66, 56)
HSL
hsl(3, 100%, 61%)
HSB
hsb(3, 78%, 100%)
CMYK
cmyk(0%, 74%, 78%, 0%)
Oklch
oklch(66.1% 0.226 28.2)

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

#ED5432

Vermilion · Tomato · Passion Red

HEX
#ED5432
RGB
rgb(237, 84, 50)
HSL
hsl(11, 84%, 56%)
HSB
hsb(11, 79%, 93%)
CMYK
cmyk(0%, 65%, 79%, 7%)
Oklch
oklch(64.8% 0.195 34.0)

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

#453810

Ochre · DarkOliveGreen · Amber Gold

HEX
#453810
RGB
rgb(69, 56, 16)
HSL
hsl(45, 62%, 17%)
HSB
hsb(45, 77%, 27%)
CMYK
cmyk(0%, 19%, 77%, 73%)
Oklch
oklch(34.6% 0.059 90.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#1B7A79

Mineral Blue · Teal · Mint Ice

HEX
#1B7A79
RGB
rgb(27, 122, 121)
HSL
hsl(179, 64%, 29%)
HSB
hsb(179, 78%, 48%)
CMYK
cmyk(78%, 0%, 1%, 52%)
Oklch
oklch(52.8% 0.083 193.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E09C79
7BBEE0

Analogous

E07B8C
E09C79
E0CF7B

Triadic

E09C79
7BE09D
9D7BE0

Split-Comp.

E09C79
7BE0CF
7B8CE0

Tetradic

E09C79
8CE07B
7BBEE0
CF7BE0

Contrast Matrix WCAG 2.1 Contrast

E09C79
FF4238
ED5432
453810
1B7A79
—
1.5
Fail
1.6
Fail
5.0
AA
2.2
Fail
1.5
Fail
—
1.0
Fail
3.3
AA Large
1.5
Fail
1.6
Fail
1.0
Fail
—
3.2
AA Large
1.4
Fail
5.0
AA
3.3
AA Large
3.2
AA Large
—
2.2
Fail
2.2
Fail
1.5
Fail
1.4
Fail
2.2
Fail
—
White BG
2.3Fail
3.4AA Large
3.6AA Large
11.5AAA
5.1AA
Black BG
9.2AAA
6.1AA
5.9AA
1.8Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C281
ADAB3A
ABA93A
3F3F1A
444579

Deuteranopia

C7CC84
B8C63B
B4BF3C
40411C
3F3879

Tritanopia

DD888A
F63C3D
E54142
442123
207979

Achromatopsia

ACACAC
797979
7E7E7E
373737
5D5D5D

Shades & Tints Shades & Tints

#E09C79

Dark
Light

#FF4238

Dark
Light

#ED5432

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e09c79;
  --color-2: #ff4238;
  --color-3: #ed5432;
  --color-4: #453810;
  --color-5: #1b7a79;
}

SCSS

$color-1: #e09c79;
$color-2: #ff4238;
$color-3: #ed5432;
$color-4: #453810;
$color-5: #1b7a79;

TAILWIND

colors: {
  'brand-1': '#e09c79',
  'brand-2': '#ff4238',
  'brand-3': '#ed5432',
  'brand-4': '#453810',
  'brand-5': '#1b7a79',
}

RGB Array

[224, 156, 121], [255, 66, 56], [237, 84, 50], [69, 56, 16], [27, 122, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E09C79, #FF4238, #ED5432, #453810, #1B7A79 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e09c79; --color-2: #ff4238; --color-3: #ed5432; --color-4: #453810; --color-5: #1b7a79. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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