← Back to Editor

#BE292F · #F6E9D6 · #E8AC12 · #F38393 · #D25136

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

#BE292F

Vermilion · FireBrick · Passion Red

HEX
#BE292F
RGB
rgb(190, 41, 47)
HSL
hsl(358, 65%, 45%)
HSB
hsb(358, 78%, 75%)
CMYK
cmyk(0%, 78%, 75%, 25%)
Oklch
oklch(52.6% 0.185 24.6)

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

#F6E9D6

Goose Yellow · Beige · Peach Orange

HEX
#F6E9D6
RGB
rgb(246, 233, 214)
HSL
hsl(36, 64%, 90%)
HSB
hsb(36, 13%, 96%)
CMYK
cmyk(0%, 5%, 13%, 4%)
Oklch
oklch(93.9% 0.029 77.5)

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

#E8AC12

Ochre · GoldenRod · Honey Gold

HEX
#E8AC12
RGB
rgb(232, 172, 18)
HSL
hsl(43, 86%, 49%)
HSB
hsb(43, 92%, 91%)
CMYK
cmyk(0%, 26%, 92%, 9%)
Oklch
oklch(78.0% 0.158 82.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F38393

Peach Pink · LightCoral · Coral Red

HEX
#F38393
RGB
rgb(243, 131, 147)
HSL
hsl(351, 82%, 73%)
HSB
hsb(351, 46%, 95%)
CMYK
cmyk(0%, 46%, 40%, 5%)
Oklch
oklch(73.8% 0.137 12.0)

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

#D25136

Vermilion · Chocolate · Passion Red

HEX
#D25136
RGB
rgb(210, 81, 54)
HSL
hsl(10, 63%, 52%)
HSB
hsb(10, 74%, 82%)
CMYK
cmyk(0%, 61%, 74%, 18%)
Oklch
oklch(60.2% 0.169 33.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE292F
28BDB8

Analogous

BD2878
BE292F
BD6E28

Triadic

BE292F
2DBD28
282DBD

Split-Comp.

BE292F
28BD6E
2878BD

Tetradic

BE292F
78BD28
28BDB8
6E28BD

Contrast Matrix WCAG 2.1 Contrast

BE292F
F6E9D6
E8AC12
F38393
D25136
—
4.9
AA
2.9
Fail
2.4
Fail
1.4
Fail
4.9
AA
—
1.7
Fail
2.1
Fail
3.5
AA Large
2.9
Fail
1.7
Fail
—
1.2
Fail
2.1
Fail
2.4
Fail
2.1
Fail
1.2
Fail
—
1.7
Fail
1.4
Fail
3.5
AA Large
2.1
Fail
1.7
Fail
—
White BG
5.9AA
1.2Fail
2.0Fail
2.5Fail
4.2AA Large
Black BG
3.5AA Large
17.5AAA
10.3AAA
8.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7C2E
F0F0DB
CECD37
C3C18F
9A993D

Deuteranopia

86912D
F1F2DC
D2D640
C9D18E
A2AB3E

Tritanopia

B72C2C
F5DEDF
E5555B
ED8C8B
CC4243

Achromatopsia

565656
EBEBEB
ACACAC
A6A6A6
747474

Shades & Tints Shades & Tints

#BE292F

Dark
Light

#F6E9D6

Dark
Light

#E8AC12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be292f;
  --color-2: #f6e9d6;
  --color-3: #e8ac12;
  --color-4: #f38393;
  --color-5: #d25136;
}

SCSS

$color-1: #be292f;
$color-2: #f6e9d6;
$color-3: #e8ac12;
$color-4: #f38393;
$color-5: #d25136;

TAILWIND

colors: {
  'brand-1': '#be292f',
  'brand-2': '#f6e9d6',
  'brand-3': '#e8ac12',
  'brand-4': '#f38393',
  'brand-5': '#d25136',
}

RGB Array

[190, 41, 47], [246, 233, 214], [232, 172, 18], [243, 131, 147], [210, 81, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE292F, #F6E9D6, #E8AC12, #F38393, #D25136 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: #be292f; --color-2: #f6e9d6; --color-3: #e8ac12; --color-4: #f38393; --color-5: #d25136. 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