← Back to Editor

#BC4241 · #D3604D · #EF9475 · #FFC3A0 · #FFF2C1

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

#BC4241

Crimson · Sienna · Passion Red

HEX
#BC4241
RGB
rgb(188, 66, 65)
HSL
hsl(0, 49%, 50%)
HSB
hsb(0, 65%, 74%)
CMYK
cmyk(0%, 65%, 65%, 26%)
Oklch
oklch(55.0% 0.158 24.3)

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

#D3604D

Crimson · Tomato · Passion Red

HEX
#D3604D
RGB
rgb(211, 96, 77)
HSL
hsl(9, 60%, 56%)
HSB
hsb(9, 64%, 83%)
CMYK
cmyk(0%, 55%, 64%, 17%)
Oklch
oklch(62.7% 0.149 31.2)

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

#EF9475

Apricot · DarkSalmon · Warm Sun

HEX
#EF9475
RGB
rgb(239, 148, 117)
HSL
hsl(15, 79%, 70%)
HSB
hsb(15, 51%, 94%)
CMYK
cmyk(0%, 38%, 51%, 6%)
Oklch
oklch(75.3% 0.119 39.5)

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

#FFC3A0

Apricot · Wheat · Peach Orange

HEX
#FFC3A0
RGB
rgb(255, 195, 160)
HSL
hsl(22, 100%, 81%)
HSB
hsb(22, 37%, 100%)
CMYK
cmyk(0%, 24%, 37%, 0%)
Oklch
oklch(86.3% 0.083 51.5)

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

#FFF2C1

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2C1
RGB
rgb(255, 242, 193)
HSL
hsl(47, 100%, 88%)
HSB
hsb(47, 24%, 100%)
CMYK
cmyk(0%, 5%, 24%, 0%)
Oklch
oklch(95.9% 0.065 94.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC4241
41BEBE

Analogous

BE4180
BC4241
BE8041

Triadic

BC4241
41BE41
4141BE

Split-Comp.

BC4241
41BE80
4180BE

Tetradic

BC4241
80BE41
41BEBE
8041BE

Contrast Matrix WCAG 2.1 Contrast

BC4241
D3604D
EF9475
FFC3A0
FFF2C1
—
1.4
Fail
2.3
Fail
3.4
AA Large
4.7
AA
1.4
Fail
—
1.7
Fail
2.4
Fail
3.4
AA Large
2.3
Fail
1.7
Fail
—
1.5
Fail
2.0
Fail
3.4
AA Large
2.4
Fail
1.5
Fail
—
1.4
Fail
4.7
AA
3.4
AA Large
2.0
Fail
1.4
Fail
—
White BG
5.3AA
3.8AA Large
2.3Fail
1.5Fail
1.1Fail
Black BG
4.0AA Large
5.6AA
9.2AAA
13.6AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878641
A1A052
C8C77D
E5E4A8
F9F9CD

Deuteranopia

8E9741
A8B153
CDD47E
E9EDAB
FAFBD0

Tritanopia

B64141
CD5556
EA8284
FCAFB1
FED6D8

Achromatopsia

666666
808080
ACACAC
D1D1D1
F0F0F0

Shades & Tints Shades & Tints

#BC4241

Dark
Light

#D3604D

Dark
Light

#EF9475

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc4241;
  --color-2: #d3604d;
  --color-3: #ef9475;
  --color-4: #ffc3a0;
  --color-5: #fff2c1;
}

SCSS

$color-1: #bc4241;
$color-2: #d3604d;
$color-3: #ef9475;
$color-4: #ffc3a0;
$color-5: #fff2c1;

TAILWIND

colors: {
  'brand-1': '#bc4241',
  'brand-2': '#d3604d',
  'brand-3': '#ef9475',
  'brand-4': '#ffc3a0',
  'brand-5': '#fff2c1',
}

RGB Array

[188, 66, 65], [211, 96, 77], [239, 148, 117], [255, 195, 160], [255, 242, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC4241, #D3604D, #EF9475, #FFC3A0, #FFF2C1 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: #bc4241; --color-2: #d3604d; --color-3: #ef9475; --color-4: #ffc3a0; --color-5: #fff2c1. 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