← Back to Editor

#EFE070 · #C0AF51 · #7A972F · #1C4E02 · #E54327

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

#EFE070

Fresh Green · Khaki · Sunflower

HEX
#EFE070
RGB
rgb(239, 224, 112)
HSL
hsl(53, 80%, 69%)
HSB
hsb(53, 53%, 94%)
CMYK
cmyk(0%, 6%, 53%, 6%)
Oklch
oklch(89.7% 0.134 101.8)

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

#C0AF51

Autumn Sage · SandyBrown · Sunflower

HEX
#C0AF51
RGB
rgb(192, 175, 81)
HSL
hsl(51, 47%, 54%)
HSB
hsb(51, 58%, 75%)
CMYK
cmyk(0%, 9%, 58%, 25%)
Oklch
oklch(75.0% 0.116 99.2)

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

#7A972F

Grass Green · Olive · Forest Green

HEX
#7A972F
RGB
rgb(122, 151, 47)
HSL
hsl(77, 53%, 39%)
HSB
hsb(77, 69%, 59%)
CMYK
cmyk(19%, 0%, 69%, 41%)
Oklch
oklch(63.3% 0.134 123.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#1C4E02

Pine Green · DarkGreen · Dark Green

HEX
#1C4E02
RGB
rgb(28, 78, 2)
HSL
hsl(99, 95%, 16%)
HSB
hsb(99, 97%, 31%)
CMYK
cmyk(64%, 0%, 97%, 69%)
Oklch
oklch(37.5% 0.114 138.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#E54327

Vermilion · Chocolate · Passion Red

HEX
#E54327
RGB
rgb(229, 67, 39)
HSL
hsl(9, 79%, 53%)
HSB
hsb(9, 83%, 90%)
CMYK
cmyk(0%, 71%, 83%, 10%)
Oklch
oklch(61.6% 0.203 32.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE070
717FEF

Analogous

EFA171
EFE070
BFEF71

Triadic

EFE070
71EFE0
E071EF

Split-Comp.

EFE070
71BFEF
A171EF

Tetradic

EFE070
71EFA1
717FEF
EF71BF

Contrast Matrix WCAG 2.1 Contrast

EFE070
C0AF51
7A972F
1C4E02
E54327
—
1.6
Fail
2.5
Fail
7.3
AAA
3.0
AA Large
1.6
Fail
—
1.5
Fail
4.4
AA Large
1.8
Fail
2.5
Fail
1.5
Fail
—
2.9
Fail
1.2
Fail
7.3
AAA
4.4
AA Large
2.9
Fail
—
2.4
Fail
3.0
AA Large
1.8
Fail
1.2
Fail
2.4
Fail
—
White BG
1.3Fail
2.2Fail
3.3AA Large
9.8AAA
4.1AA Large
Black BG
15.6AAA
9.5AAA
6.3AA
2.1Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E88B
B9B868
878748
323214
9F9D2E

Deuteranopia

E9EB92
BABB6D
85834E
2F2B19
A8B42F

Tritanopia

EEA0A5
BF7A7E
7B5C60
1F2326
DD3334

Achromatopsia

D8D8D8
A9A9A9
828282
363636
707070

Shades & Tints Shades & Tints

#EFE070

Dark
Light

#C0AF51

Dark
Light

#7A972F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe070;
  --color-2: #c0af51;
  --color-3: #7a972f;
  --color-4: #1c4e02;
  --color-5: #e54327;
}

SCSS

$color-1: #efe070;
$color-2: #c0af51;
$color-3: #7a972f;
$color-4: #1c4e02;
$color-5: #e54327;

TAILWIND

colors: {
  'brand-1': '#efe070',
  'brand-2': '#c0af51',
  'brand-3': '#7a972f',
  'brand-4': '#1c4e02',
  'brand-5': '#e54327',
}

RGB Array

[239, 224, 112], [192, 175, 81], [122, 151, 47], [28, 78, 2], [229, 67, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE070, #C0AF51, #7A972F, #1C4E02, #E54327 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: #efe070; --color-2: #c0af51; --color-3: #7a972f; --color-4: #1c4e02; --color-5: #e54327. 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