← Back to Editor

#40241F · #B58A60 · #E1C18E · #FFEAB6 · #EFB492

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

#40241F

Crimson · DarkSlateGray · Deep Berry

HEX
#40241F
RGB
rgb(64, 36, 31)
HSL
hsl(9, 35%, 19%)
HSB
hsb(9, 52%, 25%)
CMYK
cmyk(0%, 44%, 52%, 75%)
Oklch
oklch(29.5% 0.044 30.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#B58A60

Ginger · DarkSalmon · Warm Sun

HEX
#B58A60
RGB
rgb(181, 138, 96)
HSL
hsl(30, 36%, 54%)
HSB
hsb(30, 47%, 71%)
CMYK
cmyk(0%, 24%, 47%, 29%)
Oklch
oklch(66.5% 0.078 65.2)

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

#E1C18E

Goose Yellow · BurlyWood · Warm Sun

HEX
#E1C18E
RGB
rgb(225, 193, 142)
HSL
hsl(37, 58%, 72%)
HSB
hsb(37, 37%, 88%)
CMYK
cmyk(0%, 14%, 37%, 12%)
Oklch
oklch(82.6% 0.076 79.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFEAB6

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEAB6
RGB
rgb(255, 234, 182)
HSL
hsl(43, 100%, 86%)
HSB
hsb(43, 29%, 100%)
CMYK
cmyk(0%, 8%, 29%, 0%)
Oklch
oklch(94.2% 0.071 88.6)

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

#EFB492

Apricot · BurlyWood · Warm Sun

HEX
#EFB492
RGB
rgb(239, 180, 146)
HSL
hsl(22, 74%, 75%)
HSB
hsb(22, 39%, 94%)
CMYK
cmyk(0%, 25%, 39%, 6%)
Oklch
oklch(81.6% 0.083 51.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40241F
1F3C41

Analogous

411F2B
40241F
41361F

Triadic

40241F
1F4125
251F41

Split-Comp.

40241F
1F4136
1F2B41

Tetradic

40241F
2B411F
1F3C41
361F41

Contrast Matrix WCAG 2.1 Contrast

40241F
B58A60
E1C18E
FFEAB6
EFB492
—
4.5
AA
8.2
AAA
11.9
AAA
7.8
AAA
4.5
AA
—
1.8
Fail
2.6
Fail
1.7
Fail
8.2
AAA
1.8
Fail
—
1.4
Fail
1.1
Fail
11.9
AAA
2.6
Fail
1.4
Fail
—
1.5
Fail
7.8
AAA
1.7
Fail
1.1
Fail
1.5
Fail
—
White BG
14.1AAA
3.1AA Large
1.7Fail
1.2Fail
1.8Fail
Black BG
1.5Fail
6.8AA
12.2AAA
17.7AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343420
A2A26A
D3D39A
F6F6C3
D5D59A

Deuteranopia

363821
A5A86D
D5D79D
F7F9C6
D9DD9C

Tritanopia

3F2121
B37274
DFA4A6
FECDCF
ECA1A2

Achromatopsia

2C2C2C
929292
C5C5C5
EAEAEA
C2C2C2

Shades & Tints Shades & Tints

#40241F

Dark
Light

#B58A60

Dark
Light

#E1C18E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40241f;
  --color-2: #b58a60;
  --color-3: #e1c18e;
  --color-4: #ffeab6;
  --color-5: #efb492;
}

SCSS

$color-1: #40241f;
$color-2: #b58a60;
$color-3: #e1c18e;
$color-4: #ffeab6;
$color-5: #efb492;

TAILWIND

colors: {
  'brand-1': '#40241f',
  'brand-2': '#b58a60',
  'brand-3': '#e1c18e',
  'brand-4': '#ffeab6',
  'brand-5': '#efb492',
}

RGB Array

[64, 36, 31], [181, 138, 96], [225, 193, 142], [255, 234, 182], [239, 180, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40241F, #B58A60, #E1C18E, #FFEAB6, #EFB492 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: #40241f; --color-2: #b58a60; --color-3: #e1c18e; --color-4: #ffeab6; --color-5: #efb492. 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