← Back to Editor

#ED5456 · #F57B26 · #F5A70A · #D6B4B1 · #C9947E

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

#ED5456

Peach Pink · Tomato · Coral Red

HEX
#ED5456
RGB
rgb(237, 84, 86)
HSL
hsl(359, 81%, 63%)
HSB
hsb(359, 65%, 93%)
CMYK
cmyk(0%, 65%, 64%, 7%)
Oklch
oklch(65.3% 0.189 23.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F57B26

Tangerine · Chocolate · Warm Sun

HEX
#F57B26
RGB
rgb(245, 123, 38)
HSL
hsl(25, 91%, 55%)
HSB
hsb(25, 84%, 96%)
CMYK
cmyk(0%, 50%, 84%, 4%)
Oklch
oklch(71.2% 0.174 49.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F5A70A

Ochre · Orange · Honey Gold

HEX
#F5A70A
RGB
rgb(245, 167, 10)
HSL
hsl(40, 92%, 50%)
HSB
hsb(40, 96%, 96%)
CMYK
cmyk(0%, 32%, 96%, 4%)
Oklch
oklch(78.5% 0.164 75.0)

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

#D6B4B1

Peach Pink · Silver · Coral Red

HEX
#D6B4B1
RGB
rgb(214, 180, 177)
HSL
hsl(5, 31%, 77%)
HSB
hsb(5, 17%, 84%)
CMYK
cmyk(0%, 16%, 17%, 16%)
Oklch
oklch(79.9% 0.040 24.0)

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

#C9947E

Apricot · DarkSalmon · Warm Sun

HEX
#C9947E
RGB
rgb(201, 148, 126)
HSL
hsl(18, 41%, 64%)
HSB
hsb(18, 37%, 79%)
CMYK
cmyk(0%, 26%, 37%, 21%)
Oklch
oklch(71.2% 0.072 43.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED5456
54EDEB

Analogous

ED54A3
ED5456
ED9E54

Triadic

ED5456
57ED54
5457ED

Split-Comp.

ED5456
54ED9E
54A3ED

Tetradic

ED5456
A3ED54
54EDEB
9E54ED

Contrast Matrix WCAG 2.1 Contrast

ED5456
F57B26
F5A70A
D6B4B1
C9947E
—
1.3
Fail
1.7
Fail
1.8
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.0
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.4
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.4
Fail
—
White BG
3.5AA Large
2.7Fail
2.0Fail
1.9Fail
2.6Fail
Black BG
6.0AA
7.7AAA
10.4AAA
11.0AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABA956
C0BF3B
D3D330
C7C7B2
B2B283

Deuteranopia

B4BF55
C7D040
D8DE39
C9CCB2
B5B985

Tritanopia

E55555
EF4B4E
F14E55
D4B2B2
C68888

Achromatopsia

828282
969696
ACACAC
BEBEBE
A1A1A1

Shades & Tints Shades & Tints

#ED5456

Dark
Light

#F57B26

Dark
Light

#F5A70A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed5456;
  --color-2: #f57b26;
  --color-3: #f5a70a;
  --color-4: #d6b4b1;
  --color-5: #c9947e;
}

SCSS

$color-1: #ed5456;
$color-2: #f57b26;
$color-3: #f5a70a;
$color-4: #d6b4b1;
$color-5: #c9947e;

TAILWIND

colors: {
  'brand-1': '#ed5456',
  'brand-2': '#f57b26',
  'brand-3': '#f5a70a',
  'brand-4': '#d6b4b1',
  'brand-5': '#c9947e',
}

RGB Array

[237, 84, 86], [245, 123, 38], [245, 167, 10], [214, 180, 177], [201, 148, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED5456, #F57B26, #F5A70A, #D6B4B1, #C9947E 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: #ed5456; --color-2: #f57b26; --color-3: #f5a70a; --color-4: #d6b4b1; --color-5: #c9947e. 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