← Back to Editor

#FE5D49 · #FD8682 · #FCD6C9 · #A6B2D8 · #8B4F8F

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

#FE5D49

Peach Pink · Tomato · Coral Red

HEX
#FE5D49
RGB
rgb(254, 93, 73)
HSL
hsl(7, 99%, 64%)
HSB
hsb(7, 71%, 100%)
CMYK
cmyk(0%, 63%, 71%, 0%)
Oklch
oklch(68.8% 0.200 30.0)

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

#FD8682

Peach Pink · LightCoral · Coral Red

HEX
#FD8682
RGB
rgb(253, 134, 130)
HSL
hsl(2, 97%, 75%)
HSB
hsb(2, 49%, 99%)
CMYK
cmyk(0%, 47%, 49%, 1%)
Oklch
oklch(75.1% 0.145 23.1)

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

#FCD6C9

Apricot · Bisque · Peach Orange

HEX
#FCD6C9
RGB
rgb(252, 214, 201)
HSL
hsl(15, 89%, 89%)
HSB
hsb(15, 20%, 99%)
CMYK
cmyk(0%, 15%, 20%, 1%)
Oklch
oklch(90.5% 0.046 39.8)

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

#A6B2D8

Azure · LightSteelBlue · Cobalt Blue

HEX
#A6B2D8
RGB
rgb(166, 178, 216)
HSL
hsl(226, 39%, 75%)
HSB
hsb(226, 23%, 85%)
CMYK
cmyk(23%, 18%, 0%, 15%)
Oklch
oklch(76.7% 0.056 271.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#8B4F8F

Dark Plum · Gray · Violet

HEX
#8B4F8F
RGB
rgb(139, 79, 143)
HSL
hsl(296, 29%, 44%)
HSB
hsb(296, 45%, 56%)
CMYK
cmyk(3%, 45%, 0%, 44%)
Oklch
oklch(52.2% 0.119 324.8)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE5D49
48E9FE

Analogous

FE488E
FE5D49
FEB848

Triadic

FE5D49
48FE5E
5E48FE

Split-Comp.

FE5D49
48FEB8
488EFE

Tetradic

FE5D49
8EFE48
48E9FE
B848FE

Contrast Matrix WCAG 2.1 Contrast

FE5D49
FD8682
FCD6C9
A6B2D8
8B4F8F
—
1.3
Fail
2.3
Fail
1.5
Fail
1.9
Fail
1.3
Fail
—
1.8
Fail
1.1
Fail
2.5
Fail
2.3
Fail
1.8
Fail
—
1.6
Fail
4.3
AA Large
1.5
Fail
1.1
Fail
1.6
Fail
—
2.8
Fail
1.9
Fail
2.5
Fail
4.3
AA Large
2.8
Fail
—
White BG
3.1AA Large
2.4Fail
1.3Fail
2.1Fail
5.8AA
Black BG
6.9AA
8.9AAA
15.6AAA
10.0AAA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B74E
C9C883
ECEBCC
ABABCF
717080

Deuteranopia

C2CE4F
D0D983
EEF1CD
ABAACD
75797C

Tritanopia

F65253
F78484
FACFCF
A7C8C6
887371

Achromatopsia

8B8B8B
A9A9A9
E0E0E0
B3B3B3
686868

Shades & Tints Shades & Tints

#FE5D49

Dark
Light

#FD8682

Dark
Light

#FCD6C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe5d49;
  --color-2: #fd8682;
  --color-3: #fcd6c9;
  --color-4: #a6b2d8;
  --color-5: #8b4f8f;
}

SCSS

$color-1: #fe5d49;
$color-2: #fd8682;
$color-3: #fcd6c9;
$color-4: #a6b2d8;
$color-5: #8b4f8f;

TAILWIND

colors: {
  'brand-1': '#fe5d49',
  'brand-2': '#fd8682',
  'brand-3': '#fcd6c9',
  'brand-4': '#a6b2d8',
  'brand-5': '#8b4f8f',
}

RGB Array

[254, 93, 73], [253, 134, 130], [252, 214, 201], [166, 178, 216], [139, 79, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE5D49, #FD8682, #FCD6C9, #A6B2D8, #8B4F8F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fe5d49; --color-2: #fd8682; --color-3: #fcd6c9; --color-4: #a6b2d8; --color-5: #8b4f8f. 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. 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