← Back to Editor

#4F4C2D · #E8FE05 · #E4D7A9 · #BCA50D · #8C1505

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

#4F4C2D

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4F4C2D
RGB
rgb(79, 76, 45)
HSL
hsl(55, 27%, 24%)
HSB
hsb(55, 43%, 31%)
CMYK
cmyk(0%, 4%, 43%, 69%)
Oklch
oklch(41.1% 0.047 103.5)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#E8FE05

Autumn Sage · Yellow · Sunflower

HEX
#E8FE05
RGB
rgb(232, 254, 5)
HSL
hsl(65, 99%, 51%)
HSB
hsb(65, 98%, 100%)
CMYK
cmyk(9%, 0%, 98%, 0%)
Oklch
oklch(94.8% 0.216 116.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E4D7A9

Goose Yellow · Wheat · Lemon Cream

HEX
#E4D7A9
RGB
rgb(228, 215, 169)
HSL
hsl(47, 52%, 78%)
HSB
hsb(47, 26%, 89%)
CMYK
cmyk(0%, 6%, 26%, 11%)
Oklch
oklch(87.8% 0.062 94.2)

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

#BCA50D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#BCA50D
RGB
rgb(188, 165, 13)
HSL
hsl(52, 87%, 39%)
HSB
hsb(52, 93%, 74%)
CMYK
cmyk(0%, 12%, 93%, 26%)
Oklch
oklch(72.0% 0.147 99.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#8C1505

Vermilion · DarkRed · Wine Red

HEX
#8C1505
RGB
rgb(140, 21, 5)
HSL
hsl(7, 93%, 28%)
HSB
hsb(7, 96%, 55%)
CMYK
cmyk(0%, 85%, 96%, 45%)
Oklch
oklch(41.2% 0.155 31.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F4C2D
2D2F4E

Analogous

4E3A2D
4F4C2D
404E2D

Triadic

4F4C2D
2D4E4B
4B2D4E

Split-Comp.

4F4C2D
2D404E
3A2D4E

Tetradic

4F4C2D
2D4E3A
2D2F4E
4E2D40

Contrast Matrix WCAG 2.1 Contrast

4F4C2D
E8FE05
E4D7A9
BCA50D
8C1505
—
7.7
AAA
6.1
AA
3.5
AA Large
1.1
Fail
7.7
AAA
—
1.3
Fail
2.2
Fail
8.4
AAA
6.1
AA
1.3
Fail
—
1.7
Fail
6.6
AA
3.5
AA Large
2.2
Fail
1.7
Fail
—
3.8
AA Large
1.1
Fail
8.4
AAA
6.6
AA
3.8
AA Large
—
White BG
8.7AAA
1.1Fail
1.4Fail
2.5Fail
9.4AAA
Black BG
2.4Fail
18.6AAA
14.6AAA
8.5AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E35
F2F241
DEDEB4
B2B232
585709

Deuteranopia

4E4E36
F0EF50
DFE0B7
B3B53B
5F680A

Tritanopia

4F3A3C
E9717B
E3BDBF
BB4F55
860C0D

Achromatopsia

494949
DBDBDB
D6D6D6
9B9B9B
373737

Shades & Tints Shades & Tints

#4F4C2D

Dark
Light

#E8FE05

Dark
Light

#E4D7A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f4c2d;
  --color-2: #e8fe05;
  --color-3: #e4d7a9;
  --color-4: #bca50d;
  --color-5: #8c1505;
}

SCSS

$color-1: #4f4c2d;
$color-2: #e8fe05;
$color-3: #e4d7a9;
$color-4: #bca50d;
$color-5: #8c1505;

TAILWIND

colors: {
  'brand-1': '#4f4c2d',
  'brand-2': '#e8fe05',
  'brand-3': '#e4d7a9',
  'brand-4': '#bca50d',
  'brand-5': '#8c1505',
}

RGB Array

[79, 76, 45], [232, 254, 5], [228, 215, 169], [188, 165, 13], [140, 21, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F4C2D, #E8FE05, #E4D7A9, #BCA50D, #8C1505 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: #4f4c2d; --color-2: #e8fe05; --color-3: #e4d7a9; --color-4: #bca50d; --color-5: #8c1505. 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