← Back to Editor

#B32744 · #F34D65 · #F78F8C · #D9B6A3 · #E8D2BB

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

#B32744

Vermilion · Brown · Passion Red

HEX
#B32744
RGB
rgb(179, 39, 68)
HSL
hsl(348, 64%, 43%)
HSB
hsb(348, 78%, 70%)
CMYK
cmyk(0%, 78%, 62%, 30%)
Oklch
oklch(50.8% 0.175 15.0)

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

#F34D65

Peach Pink · Tomato · Coral Red

HEX
#F34D65
RGB
rgb(243, 77, 101)
HSL
hsl(351, 87%, 63%)
HSB
hsb(351, 68%, 95%)
CMYK
cmyk(0%, 68%, 58%, 5%)
Oklch
oklch(65.8% 0.201 16.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F78F8C

Peach Pink · LightCoral · Coral Red

HEX
#F78F8C
RGB
rgb(247, 143, 140)
HSL
hsl(2, 87%, 76%)
HSB
hsb(2, 43%, 97%)
CMYK
cmyk(0%, 42%, 43%, 3%)
Oklch
oklch(76.0% 0.127 22.2)

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

#D9B6A3

Apricot · Tan · Warm Sun

HEX
#D9B6A3
RGB
rgb(217, 182, 163)
HSL
hsl(21, 42%, 75%)
HSB
hsb(21, 25%, 85%)
CMYK
cmyk(0%, 16%, 25%, 15%)
Oklch
oklch(80.2% 0.048 50.2)

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

#E8D2BB

Goose Yellow · Wheat · Peach Orange

HEX
#E8D2BB
RGB
rgb(232, 210, 187)
HSL
hsl(31, 49%, 82%)
HSB
hsb(31, 19%, 91%)
CMYK
cmyk(0%, 9%, 19%, 9%)
Oklch
oklch(87.6% 0.039 68.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B32744
27B498

Analogous

B4278A
B32744
B45227

Triadic

B32744
44B427
2744B4

Split-Comp.

B32744
27B452
278AB4

Tetradic

B32744
8AB427
27B498
5227B4

Contrast Matrix WCAG 2.1 Contrast

B32744
F34D65
F78F8C
D9B6A3
E8D2BB
—
1.8
Fail
2.8
Fail
3.4
AA Large
4.4
AA Large
1.8
Fail
—
1.5
Fail
1.8
Fail
2.4
Fail
2.8
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
3.4
AA Large
1.8
Fail
1.2
Fail
—
1.3
Fail
4.4
AA Large
2.4
Fail
1.6
Fail
1.3
Fail
—
White BG
6.4AA
3.5AA Large
2.3Fail
1.9Fail
1.5Fail
Black BG
3.3AA Large
6.1AA
9.3AAA
11.2AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

76753D
ABAA5F
CAC98D
CACAA8
DEDEC1

Deuteranopia

7F893B
B5C15E
D0D88D
CCCEA9
E0E1C2

Tritanopia

AC3736
EB5B5A
F28D8D
D7ABAC
E7C5C6

Achromatopsia

545454
818181
AEAEAE
BEBEBE
D6D6D6

Shades & Tints Shades & Tints

#B32744

Dark
Light

#F34D65

Dark
Light

#F78F8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b32744;
  --color-2: #f34d65;
  --color-3: #f78f8c;
  --color-4: #d9b6a3;
  --color-5: #e8d2bb;
}

SCSS

$color-1: #b32744;
$color-2: #f34d65;
$color-3: #f78f8c;
$color-4: #d9b6a3;
$color-5: #e8d2bb;

TAILWIND

colors: {
  'brand-1': '#b32744',
  'brand-2': '#f34d65',
  'brand-3': '#f78f8c',
  'brand-4': '#d9b6a3',
  'brand-5': '#e8d2bb',
}

RGB Array

[179, 39, 68], [243, 77, 101], [247, 143, 140], [217, 182, 163], [232, 210, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B32744, #F34D65, #F78F8C, #D9B6A3, #E8D2BB 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: #b32744; --color-2: #f34d65; --color-3: #f78f8c; --color-4: #d9b6a3; --color-5: #e8d2bb. 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