← Back to Editor

#FFCECD · #FFAD8B · #FC7C61 · #D7365F · #892446

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 AppData Visualization

Color Details Color Details

#FFCECD

Peach Pink · Pink · Cherry Blossom

HEX
#FFCECD
RGB
rgb(255, 206, 205)
HSL
hsl(1, 100%, 90%)
HSB
hsb(1, 20%, 100%)
CMYK
cmyk(0%, 19%, 20%, 0%)
Oklch
oklch(89.4% 0.056 19.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFAD8B

Apricot · LightSalmon · Peach Orange

HEX
#FFAD8B
RGB
rgb(255, 173, 139)
HSL
hsl(18, 100%, 77%)
HSB
hsb(18, 45%, 100%)
CMYK
cmyk(0%, 32%, 45%, 0%)
Oklch
oklch(81.9% 0.107 43.3)

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

#FC7C61

Peach Pink · Coral · Coral Red

HEX
#FC7C61
RGB
rgb(252, 124, 97)
HSL
hsl(10, 96%, 68%)
HSB
hsb(10, 62%, 99%)
CMYK
cmyk(0%, 51%, 62%, 1%)
Oklch
oklch(72.9% 0.162 33.3)

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

#D7365F

Vermilion · Crimson · Passion Red

HEX
#D7365F
RGB
rgb(215, 54, 95)
HSL
hsl(345, 67%, 53%)
HSB
hsb(345, 75%, 84%)
CMYK
cmyk(0%, 75%, 56%, 16%)
Oklch
oklch(58.9% 0.197 11.2)

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

#892446

Dark Violet · Brown · Camellia

HEX
#892446
RGB
rgb(137, 36, 70)
HSL
hsl(340, 58%, 34%)
HSB
hsb(340, 74%, 54%)
CMYK
cmyk(0%, 74%, 49%, 46%)
Oklch
oklch(43.0% 0.138 4.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFCECD
CCFEFF

Analogous

FFCCE5
FFCECD
FFE6CC

Triadic

FFCECD
CCFFCD
CDCCFF

Split-Comp.

FFCECD
CCFFE6
CCE5FF

Tetradic

FFCECD
E5FFCC
CCFEFF
E6CCFF

Contrast Matrix WCAG 2.1 Contrast

FFCECD
FFAD8B
FC7C61
D7365F
892446
—
1.3
Fail
1.8
Fail
3.3
AA Large
6.2
AA
1.3
Fail
—
1.4
Fail
2.5
Fail
4.8
AA
1.8
Fail
1.4
Fail
—
1.8
Fail
3.4
AA Large
3.3
AA Large
2.5
Fail
1.8
Fail
—
1.9
Fail
6.2
AA
4.8
AA
3.4
AA Large
1.9
Fail
—
White BG
1.4Fail
1.8Fail
2.6Fail
4.6AA
8.7AAA
Black BG
15.0AAA
11.6AAA
8.2AAA
4.6AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9CD
DBDB93
C5C368
919055
5D5C3E

Deuteranopia

EDF0CD
E0E695
CCD669
9BA753
636B3C

Tritanopia

FDCDCD
FB9A9B
F66D6E
CF4D4C
843736

Achromatopsia

DDDDDD
C2C2C2
9F9F9F
6B6B6B
464646

Shades & Tints Shades & Tints

#FFCECD

Dark
Light

#FFAD8B

Dark
Light

#FC7C61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffcecd;
  --color-2: #ffad8b;
  --color-3: #fc7c61;
  --color-4: #d7365f;
  --color-5: #892446;
}

SCSS

$color-1: #ffcecd;
$color-2: #ffad8b;
$color-3: #fc7c61;
$color-4: #d7365f;
$color-5: #892446;

TAILWIND

colors: {
  'brand-1': '#ffcecd',
  'brand-2': '#ffad8b',
  'brand-3': '#fc7c61',
  'brand-4': '#d7365f',
  'brand-5': '#892446',
}

RGB Array

[255, 206, 205], [255, 173, 139], [252, 124, 97], [215, 54, 95], [137, 36, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFCECD, #FFAD8B, #FC7C61, #D7365F, #892446 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: #ffcecd; --color-2: #ffad8b; --color-3: #fc7c61; --color-4: #d7365f; --color-5: #892446. 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