← Back to Editor

#FDE7EF · #F29A6B · #D11353 · #8C0C3D · #6B092E

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

#FDE7EF

Rouge · Linen · Cherry Blossom

HEX
#FDE7EF
RGB
rgb(253, 231, 239)
HSL
hsl(338, 85%, 95%)
HSB
hsb(338, 9%, 99%)
CMYK
cmyk(0%, 9%, 6%, 1%)
Oklch
oklch(94.8% 0.026 353.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F29A6B

Apricot · SandyBrown · Warm Sun

HEX
#F29A6B
RGB
rgb(242, 154, 107)
HSL
hsl(21, 84%, 68%)
HSB
hsb(21, 56%, 95%)
CMYK
cmyk(0%, 36%, 56%, 5%)
Oklch
oklch(76.6% 0.123 48.4)

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

#D11353

Dark Violet · Crimson · Camellia

HEX
#D11353
RGB
rgb(209, 19, 83)
HSL
hsl(340, 83%, 45%)
HSB
hsb(340, 91%, 82%)
CMYK
cmyk(0%, 91%, 60%, 18%)
Oklch
oklch(55.5% 0.214 11.0)

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

#8C0C3D

Dark Violet · Brown · Camellia

HEX
#8C0C3D
RGB
rgb(140, 12, 61)
HSL
hsl(337, 84%, 30%)
HSB
hsb(337, 91%, 55%)
CMYK
cmyk(0%, 91%, 56%, 45%)
Oklch
oklch(41.6% 0.159 6.9)

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

#6B092E

Dark Violet · Maroon · Raspberry

HEX
#6B092E
RGB
rgb(107, 9, 46)
HSL
hsl(337, 84%, 23%)
HSB
hsb(337, 92%, 42%)
CMYK
cmyk(0%, 92%, 57%, 58%)
Oklch
oklch(34.5% 0.130 6.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDE7EF
E7FDF5

Analogous

FDE7FA
FDE7EF
FDEAE7

Triadic

FDE7EF
EFFDE7
E7EFFD

Split-Comp.

FDE7EF
E7FDEA
E7FAFD

Tetradic

FDE7EF
FAFDE7
E7FDF5
EAE7FD

Contrast Matrix WCAG 2.1 Contrast

FDE7EF
F29A6B
D11353
8C0C3D
6B092E
—
1.9
Fail
4.5
AA
8.0
AAA
10.5
AAA
1.9
Fail
—
2.4
Fail
4.3
AA Large
5.6
AA
4.5
AA
2.4
Fail
—
1.8
Fail
2.3
Fail
8.0
AAA
4.3
AA Large
1.8
Fail
—
1.3
Fail
10.5
AAA
5.6
AA
2.3
Fail
1.3
Fail
—
White BG
1.2Fail
2.2Fail
5.3AA
9.4AAA
12.3AAA
Black BG
17.9AAA
9.6AAA
3.9AA Large
2.2Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3ED
CCCB76
7F7D44
555331
414025

Deuteranopia

F5F6ED
D1D879
8A9840
5C662E
464E23

Tritanopia

FCECEB
EE7F81
C73735
862826
661E1C

Achromatopsia

EEEEEE
AFAFAF
535353
383838
2B2B2B

Shades & Tints Shades & Tints

#FDE7EF

Dark
Light

#F29A6B

Dark
Light

#D11353

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fde7ef;
  --color-2: #f29a6b;
  --color-3: #d11353;
  --color-4: #8c0c3d;
  --color-5: #6b092e;
}

SCSS

$color-1: #fde7ef;
$color-2: #f29a6b;
$color-3: #d11353;
$color-4: #8c0c3d;
$color-5: #6b092e;

TAILWIND

colors: {
  'brand-1': '#fde7ef',
  'brand-2': '#f29a6b',
  'brand-3': '#d11353',
  'brand-4': '#8c0c3d',
  'brand-5': '#6b092e',
}

RGB Array

[253, 231, 239], [242, 154, 107], [209, 19, 83], [140, 12, 61], [107, 9, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDE7EF, #F29A6B, #D11353, #8C0C3D, #6B092E 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: #fde7ef; --color-2: #f29a6b; --color-3: #d11353; --color-4: #8c0c3d; --color-5: #6b092e. 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