← Back to Editor

#E6EF86 · #52310E · #B9B379 · #F1F690 · #6F5522

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

#E6EF86

Fresh Green · Khaki · Sunflower

HEX
#E6EF86
RGB
rgb(230, 239, 134)
HSL
hsl(65, 77%, 73%)
HSB
hsb(65, 44%, 94%)
CMYK
cmyk(4%, 0%, 44%, 6%)
Oklch
oklch(92.3% 0.129 112.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#52310E

Ochre · DarkOliveGreen · Cinnamon

HEX
#52310E
RGB
rgb(82, 49, 14)
HSL
hsl(31, 71%, 19%)
HSB
hsb(31, 83%, 32%)
CMYK
cmyk(0%, 40%, 83%, 68%)
Oklch
oklch(34.7% 0.068 63.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#B9B379

Autumn Sage · Tan · Sunflower

HEX
#B9B379
RGB
rgb(185, 179, 121)
HSL
hsl(54, 31%, 60%)
HSB
hsb(54, 35%, 73%)
CMYK
cmyk(0%, 3%, 35%, 27%)
Oklch
oklch(75.8% 0.077 103.0)

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

#F1F690

Fresh Green · Khaki · Lemon Cream

HEX
#F1F690
RGB
rgb(241, 246, 144)
HSL
hsl(63, 85%, 76%)
HSB
hsb(63, 41%, 96%)
CMYK
cmyk(2%, 0%, 41%, 4%)
Oklch
oklch(94.8% 0.125 111.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#6F5522

Ochre · DarkOliveGreen · Honey Gold

HEX
#6F5522
RGB
rgb(111, 85, 34)
HSL
hsl(40, 53%, 28%)
HSB
hsb(40, 69%, 44%)
CMYK
cmyk(0%, 23%, 69%, 56%)
Oklch
oklch(46.6% 0.076 81.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6EF86
8E85EF

Analogous

EFC385
E6EF86
B1EF85

Triadic

E6EF86
85E6EF
EF85E6

Split-Comp.

E6EF86
85B1EF
C385EF

Tetradic

E6EF86
85EFC3
8E85EF
EF85B1

Contrast Matrix WCAG 2.1 Contrast

E6EF86
52310E
B9B379
F1F690
6F5522
—
9.5
AAA
1.7
Fail
1.1
Fail
5.7
AA
9.5
AAA
—
5.4
AA
10.2
AAA
1.7
Fail
1.7
Fail
5.4
AA
—
1.9
Fail
3.3
AA Large
1.1
Fail
10.2
AAA
1.9
Fail
—
6.1
AA
5.7
AA
1.7
Fail
3.3
AA Large
6.1
AA
—
White BG
1.2Fail
11.6AAA
2.1Fail
1.1Fail
7.0AAA
Black BG
17.1AAA
1.8Fail
9.8AAA
18.3AAA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA9F
444316
B6B687
F3F3A9
64642E

Deuteranopia

E9E9A6
464819
B7B78A
F3F3AF
656731

Tritanopia

E6B3B8
501D1F
B99295
F1BCC0
6E383A

Achromatopsia

E0E0E0
373737
AEAEAE
E9E9E9
575757

Shades & Tints Shades & Tints

#E6EF86

Dark
Light

#52310E

Dark
Light

#B9B379

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ef86;
  --color-2: #52310e;
  --color-3: #b9b379;
  --color-4: #f1f690;
  --color-5: #6f5522;
}

SCSS

$color-1: #e6ef86;
$color-2: #52310e;
$color-3: #b9b379;
$color-4: #f1f690;
$color-5: #6f5522;

TAILWIND

colors: {
  'brand-1': '#e6ef86',
  'brand-2': '#52310e',
  'brand-3': '#b9b379',
  'brand-4': '#f1f690',
  'brand-5': '#6f5522',
}

RGB Array

[230, 239, 134], [82, 49, 14], [185, 179, 121], [241, 246, 144], [111, 85, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6EF86, #52310E, #B9B379, #F1F690, #6F5522 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: #e6ef86; --color-2: #52310e; --color-3: #b9b379; --color-4: #f1f690; --color-5: #6f5522. 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