← Back to Editor

#341534 · #FFD4DE · #E3826F · #C76B6C · #F7D8C3

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

#341534

Rose Purple · DarkSlateGray · Dark Purple

HEX
#341534
RGB
rgb(52, 21, 52)
HSL
hsl(300, 42%, 14%)
HSB
hsb(300, 60%, 20%)
CMYK
cmyk(0%, 60%, 0%, 80%)
Oklch
oklch(25.6% 0.069 327.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#FFD4DE

Peach Pink · Pink · Cherry Blossom

HEX
#FFD4DE
RGB
rgb(255, 212, 222)
HSL
hsl(346, 100%, 92%)
HSB
hsb(346, 17%, 100%)
CMYK
cmyk(0%, 17%, 13%, 0%)
Oklch
oklch(90.9% 0.050 2.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E3826F

Peach Pink · LightCoral · Coral Red

HEX
#E3826F
RGB
rgb(227, 130, 111)
HSL
hsl(10, 67%, 66%)
HSB
hsb(10, 51%, 89%)
CMYK
cmyk(0%, 43%, 51%, 11%)
Oklch
oklch(70.8% 0.124 32.1)

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

#C76B6C

Crimson · LightCoral · Passion Red

HEX
#C76B6C
RGB
rgb(199, 107, 108)
HSL
hsl(359, 45%, 60%)
HSB
hsb(359, 46%, 78%)
CMYK
cmyk(0%, 46%, 46%, 22%)
Oklch
oklch(63.3% 0.117 20.2)

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

#F7D8C3

Apricot · Bisque · Peach Orange

HEX
#F7D8C3
RGB
rgb(247, 216, 195)
HSL
hsl(24, 76%, 87%)
HSB
hsb(24, 21%, 97%)
CMYK
cmyk(0%, 13%, 21%, 3%)
Oklch
oklch(90.3% 0.045 56.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

341534
153315

Analogous

241533
341534
331524

Triadic

341534
333315
153333

Split-Comp.

341534
243315
153324

Tetradic

341534
332415
153315
152433

Contrast Matrix WCAG 2.1 Contrast

341534
FFD4DE
E3826F
C76B6C
F7D8C3
—
12.1
AAA
5.9
AA
4.4
AA Large
11.9
AAA
12.1
AAA
—
2.0
Fail
2.7
Fail
1.0
Fail
5.9
AA
2.0
Fail
—
1.3
Fail
2.0
Fail
4.4
AA Large
2.7
Fail
1.3
Fail
—
2.7
Fail
11.9
AAA
1.0
Fail
2.0
Fail
2.7
Fail
—
White BG
16.1AAA
1.3Fail
2.7Fail
3.7AA Large
1.3Fail
Black BG
1.3Fail
15.7AAA
7.7AAA
5.7AA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27262C
ECECDC
B9B874
9F9E6C
EAE9C8

Deuteranopia

282B2B
EFF2DB
BFC675
A5AB6C
EBEEC9

Tritanopia

322725
FDDAD9
DE7778
C26C6C
F5CCCD

Achromatopsia

222222
E2E2E2
9D9D9D
878787
DFDFDF

Shades & Tints Shades & Tints

#341534

Dark
Light

#FFD4DE

Dark
Light

#E3826F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #341534;
  --color-2: #ffd4de;
  --color-3: #e3826f;
  --color-4: #c76b6c;
  --color-5: #f7d8c3;
}

SCSS

$color-1: #341534;
$color-2: #ffd4de;
$color-3: #e3826f;
$color-4: #c76b6c;
$color-5: #f7d8c3;

TAILWIND

colors: {
  'brand-1': '#341534',
  'brand-2': '#ffd4de',
  'brand-3': '#e3826f',
  'brand-4': '#c76b6c',
  'brand-5': '#f7d8c3',
}

RGB Array

[52, 21, 52], [255, 212, 222], [227, 130, 111], [199, 107, 108], [247, 216, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #341534, #FFD4DE, #E3826F, #C76B6C, #F7D8C3 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: #341534; --color-2: #ffd4de; --color-3: #e3826f; --color-4: #c76b6c; --color-5: #f7d8c3. 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