← Back to Editor

#E9C1B0 · #F8A18C · #FE8566 · #F15D6B · #B7485B

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

#E9C1B0

Apricot · LightPink · Peach Orange

HEX
#E9C1B0
RGB
rgb(233, 193, 176)
HSL
hsl(18, 56%, 80%)
HSB
hsb(18, 24%, 91%)
CMYK
cmyk(0%, 17%, 24%, 9%)
Oklch
oklch(84.1% 0.052 44.3)

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

#F8A18C

Peach Pink · LightSalmon · Coral Red

HEX
#F8A18C
RGB
rgb(248, 161, 140)
HSL
hsl(12, 89%, 76%)
HSB
hsb(12, 44%, 97%)
CMYK
cmyk(0%, 35%, 44%, 3%)
Oklch
oklch(79.1% 0.109 34.2)

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

#FE8566

Peach Pink · Salmon · Coral Red

HEX
#FE8566
RGB
rgb(254, 133, 102)
HSL
hsl(12, 99%, 70%)
HSB
hsb(12, 60%, 100%)
CMYK
cmyk(0%, 48%, 60%, 0%)
Oklch
oklch(74.6% 0.154 35.4)

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

#F15D6B

Peach Pink · Salmon · Coral Red

HEX
#F15D6B
RGB
rgb(241, 93, 107)
HSL
hsl(354, 84%, 65%)
HSB
hsb(354, 61%, 95%)
CMYK
cmyk(0%, 61%, 56%, 5%)
Oklch
oklch(67.3% 0.182 17.9)

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

#B7485B

Crimson · Sienna · Passion Red

HEX
#B7485B
RGB
rgb(183, 72, 91)
HSL
hsl(350, 44%, 50%)
HSB
hsb(350, 61%, 72%)
CMYK
cmyk(0%, 61%, 50%, 28%)
Oklch
oklch(55.5% 0.144 12.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9C1B0
AFD7E9

Analogous

E9AFBB
E9C1B0
E9DDAF

Triadic

E9C1B0
AFE9C1
C1AFE9

Split-Comp.

E9C1B0
AFE9DD
AFBBE9

Tetradic

E9C1B0
BBE9AF
AFD7E9
DDAFE9

Contrast Matrix WCAG 2.1 Contrast

E9C1B0
F8A18C
FE8566
F15D6B
B7485B
—
1.2
Fail
1.5
Fail
2.0
Fail
3.1
AA Large
1.2
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
3.1
AA Large
2.6
Fail
2.1
Fail
1.6
Fail
—
White BG
1.7Fail
2.0Fail
2.4Fail
3.2AA Large
5.1AA
Black BG
12.7AAA
10.5AAA
8.8AAA
6.5AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7B4
D2D291
CAC96E
B1B068
878656

Deuteranopia

DADDB5
D7DE92
D1DA6F
BAC567
8D9655

Tritanopia

E7B7B8
F49596
F87375
EA6564
B15352

Achromatopsia

CBCBCB
B9B9B9
A6A6A6
8B8B8B
6B6B6B

Shades & Tints Shades & Tints

#E9C1B0

Dark
Light

#F8A18C

Dark
Light

#FE8566

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9c1b0;
  --color-2: #f8a18c;
  --color-3: #fe8566;
  --color-4: #f15d6b;
  --color-5: #b7485b;
}

SCSS

$color-1: #e9c1b0;
$color-2: #f8a18c;
$color-3: #fe8566;
$color-4: #f15d6b;
$color-5: #b7485b;

TAILWIND

colors: {
  'brand-1': '#e9c1b0',
  'brand-2': '#f8a18c',
  'brand-3': '#fe8566',
  'brand-4': '#f15d6b',
  'brand-5': '#b7485b',
}

RGB Array

[233, 193, 176], [248, 161, 140], [254, 133, 102], [241, 93, 107], [183, 72, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9C1B0, #F8A18C, #FE8566, #F15D6B, #B7485B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e9c1b0; --color-2: #f8a18c; --color-3: #fe8566; --color-4: #f15d6b; --color-5: #b7485b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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