← Back to Editor

#E7485F · #FB6D2E · #D6AC8D · #B2C1B3 · #FED6C8

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

#E7485F

Vermilion · Tomato · Passion Red

HEX
#E7485F
RGB
rgb(231, 72, 95)
HSL
hsl(351, 77%, 59%)
HSB
hsb(351, 69%, 91%)
CMYK
cmyk(0%, 69%, 59%, 9%)
Oklch
oklch(63.2% 0.194 16.5)

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

#FB6D2E

Tangerine · Tomato · Warm Sun

HEX
#FB6D2E
RGB
rgb(251, 109, 46)
HSL
hsl(18, 96%, 58%)
HSB
hsb(18, 82%, 98%)
CMYK
cmyk(0%, 57%, 82%, 2%)
Oklch
oklch(70.1% 0.189 41.8)

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

#D6AC8D

Apricot · Tan · Warm Sun

HEX
#D6AC8D
RGB
rgb(214, 172, 141)
HSL
hsl(25, 47%, 70%)
HSB
hsb(25, 34%, 84%)
CMYK
cmyk(0%, 20%, 34%, 16%)
Oklch
oklch(77.5% 0.065 58.0)

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

#B2C1B3

Celadon · Silver · Apple Green

HEX
#B2C1B3
RGB
rgb(178, 193, 179)
HSL
hsl(124, 11%, 73%)
HSB
hsb(124, 8%, 76%)
CMYK
cmyk(8%, 0%, 7%, 24%)
Oklch
oklch(79.5% 0.026 147.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FED6C8

Apricot · Bisque · Peach Orange

HEX
#FED6C8
RGB
rgb(254, 214, 200)
HSL
hsl(16, 96%, 89%)
HSB
hsb(16, 21%, 100%)
CMYK
cmyk(0%, 16%, 21%, 0%)
Oklch
oklch(90.6% 0.049 40.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7485F
46E7CF

Analogous

E746AF
E7485F
E77E46

Triadic

E7485F
5EE746
465EE7

Split-Comp.

E7485F
46E77E
46AFE7

Tetradic

E7485F
AFE746
46E7CF
7E46E7

Contrast Matrix WCAG 2.1 Contrast

E7485F
FB6D2E
D6AC8D
B2C1B3
FED6C8
—
1.3
Fail
1.8
Fail
2.0
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.1
Fail
—
1.4
Fail
2.9
Fail
2.1
Fail
1.5
Fail
1.4
Fail
—
White BG
3.8AA Large
2.9Fail
2.1Fail
1.9Fail
1.3Fail
Black BG
5.5AA
7.3AAA
10.1AAA
11.2AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A159
BEBC3D
C4C395
B8B9B6
EDECCB

Deuteranopia

ABB758
C6D041
C6C996
B8B7B7
EFF2CC

Tritanopia

DF5554
F4494C
D49A9C
B3B9BA
FCCECF

Achromatopsia

7A7A7A
909090
B5B5B5
BBBBBB
E0E0E0

Shades & Tints Shades & Tints

#E7485F

Dark
Light

#FB6D2E

Dark
Light

#D6AC8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7485f;
  --color-2: #fb6d2e;
  --color-3: #d6ac8d;
  --color-4: #b2c1b3;
  --color-5: #fed6c8;
}

SCSS

$color-1: #e7485f;
$color-2: #fb6d2e;
$color-3: #d6ac8d;
$color-4: #b2c1b3;
$color-5: #fed6c8;

TAILWIND

colors: {
  'brand-1': '#e7485f',
  'brand-2': '#fb6d2e',
  'brand-3': '#d6ac8d',
  'brand-4': '#b2c1b3',
  'brand-5': '#fed6c8',
}

RGB Array

[231, 72, 95], [251, 109, 46], [214, 172, 141], [178, 193, 179], [254, 214, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7485F, #FB6D2E, #D6AC8D, #B2C1B3, #FED6C8 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: #e7485f; --color-2: #fb6d2e; --color-3: #d6ac8d; --color-4: #b2c1b3; --color-5: #fed6c8. 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