← Back to Editor

#BF1747 · #FFDA9E · #E0CBA8 · #B39C78 · #9E0934

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

#BF1747

Dark Violet · Crimson · Camellia

HEX
#BF1747
RGB
rgb(191, 23, 71)
HSL
hsl(343, 79%, 42%)
HSB
hsb(343, 88%, 75%)
CMYK
cmyk(0%, 88%, 63%, 25%)
Oklch
oklch(52.0% 0.197 13.3)

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

#FFDA9E

Goose Yellow · Wheat · Peach Orange

HEX
#FFDA9E
RGB
rgb(255, 218, 158)
HSL
hsl(37, 100%, 81%)
HSB
hsb(37, 38%, 100%)
CMYK
cmyk(0%, 15%, 38%, 0%)
Oklch
oklch(90.6% 0.087 79.4)

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

#E0CBA8

Goose Yellow · Wheat · Peach Orange

HEX
#E0CBA8
RGB
rgb(224, 203, 168)
HSL
hsl(37, 47%, 77%)
HSB
hsb(37, 25%, 88%)
CMYK
cmyk(0%, 9%, 25%, 12%)
Oklch
oklch(85.1% 0.052 80.5)

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

#B39C78

Ginger · Tan · Warm Sun

HEX
#B39C78
RGB
rgb(179, 156, 120)
HSL
hsl(37, 28%, 59%)
HSB
hsb(37, 33%, 70%)
CMYK
cmyk(0%, 13%, 33%, 30%)
Oklch
oklch(70.4% 0.057 78.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#9E0934

Dark Violet · Brown · Camellia

HEX
#9E0934
RGB
rgb(158, 9, 52)
HSL
hsl(343, 89%, 33%)
HSB
hsb(343, 94%, 62%)
CMYK
cmyk(0%, 94%, 67%, 38%)
Oklch
oklch(44.8% 0.174 15.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF1747
16C090

Analogous

C0169B
BF1747
C03B16

Triadic

BF1747
46C016
1646C0

Split-Comp.

BF1747
16C03B
169BC0

Tetradic

BF1747
9BC016
16C090
3B16C0

Contrast Matrix WCAG 2.1 Contrast

BF1747
FFDA9E
E0CBA8
B39C78
9E0934
—
4.6
AA
3.9
AA Large
2.3
Fail
1.3
Fail
4.6
AA
—
1.2
Fail
2.0
Fail
6.2
AA
3.9
AA Large
1.2
Fail
—
1.7
Fail
5.2
AA
2.3
Fail
2.0
Fail
1.7
Fail
—
3.1
AA Large
1.3
Fail
6.2
AA
5.2
AA
3.1
AA Large
—
White BG
6.1AA
1.3Fail
1.6Fail
2.6Fail
8.3AAA
Black BG
3.4AA Large
15.8AAA
13.3AAA
7.9AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

76753B
EFEFAD
D7D7B0
A9A981
5D5C2A

Deuteranopia

808D39
F1F4B0
D8DAB3
AAAC83
667127

Tritanopia

B73230
FDB8BB
DFB7B9
B28889
972120

Achromatopsia

4F4F4F
DEDEDE
CDCDCD
9F9F9F
3A3A3A

Shades & Tints Shades & Tints

#BF1747

Dark
Light

#FFDA9E

Dark
Light

#E0CBA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf1747;
  --color-2: #ffda9e;
  --color-3: #e0cba8;
  --color-4: #b39c78;
  --color-5: #9e0934;
}

SCSS

$color-1: #bf1747;
$color-2: #ffda9e;
$color-3: #e0cba8;
$color-4: #b39c78;
$color-5: #9e0934;

TAILWIND

colors: {
  'brand-1': '#bf1747',
  'brand-2': '#ffda9e',
  'brand-3': '#e0cba8',
  'brand-4': '#b39c78',
  'brand-5': '#9e0934',
}

RGB Array

[191, 23, 71], [255, 218, 158], [224, 203, 168], [179, 156, 120], [158, 9, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF1747, #FFDA9E, #E0CBA8, #B39C78, #9E0934 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: #bf1747; --color-2: #ffda9e; --color-3: #e0cba8; --color-4: #b39c78; --color-5: #9e0934. 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