#E9AE2C + #AEB12E + #7D9B41 + #406D56 + #541C43 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E9AE2C

Ginger · GoldenRod · Sunflower

HEX

#E9AE2C

RGB

rgb(233, 174, 44)

HSL

hsl(41, 81%, 54%)

HSB

hsb(41, 81%, 91%)

CMYK

cmyk(0%, 25%, 81%, 9%)

Oklch

oklch(78.6% 0.150 81.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#AEB12E

Autumn Sage · GoldenRod · Honey Gold

HEX

#AEB12E

RGB

rgb(174, 177, 46)

HSL

hsl(61, 59%, 44%)

HSB

hsb(61, 74%, 69%)

CMYK

cmyk(2%, 0%, 74%, 31%)

Oklch

oklch(73.5% 0.146 110.8)

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

#7D9B41

Grass Green · DarkOliveGreen · Olive Green

HEX

#7D9B41

RGB

rgb(125, 155, 65)

HSL

hsl(80, 41%, 43%)

HSB

hsb(80, 58%, 61%)

CMYK

cmyk(19%, 0%, 58%, 39%)

Oklch

oklch(64.7% 0.123 125.1)

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

#406D56

Celadon · SeaGreen · Forest Green

HEX

#406D56

RGB

rgb(64, 109, 86)

HSL

hsl(149, 26%, 34%)

HSB

hsb(149, 41%, 43%)

CMYK

cmyk(41%, 0%, 21%, 57%)

Oklch

oklch(49.5% 0.062 160.7)

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

#541C43

Rose Purple · DarkSlateGray · Eggplant

HEX

#541C43

RGB

rgb(84, 28, 67)

HSL

hsl(318, 50%, 22%)

HSB

hsb(318, 67%, 33%)

CMYK

cmyk(0%, 67%, 20%, 67%)

Oklch

oklch(32.8% 0.097 341.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9AE2C

2B67E9

Analogous

E94E2B

E9AE2C

C6E92B

Triadic

E9AE2C

2BE9AD

AD2BE9

Split-Comp.

E9AE2C

2BC6E9

4E2BE9

Tetradic

E9AE2C

2BE94E

2B67E9

E92BC6

Contrast Matrix WCAG 2.1 Contrast

E9AE2C	AEB12E	7D9B41	406D56	541C43
—	1.2 Fail	1.6 Fail	3.0 Fail	6.5 AA
1.2 Fail	—	1.4 Fail	2.6 Fail	5.6 AA
1.6 Fail	1.4 Fail	—	1.9 Fail	4.1 AA Large
3.0 Fail	2.6 Fail	1.9 Fail	—	2.2 Fail
6.5 AA	5.6 AA	4.1 AA Large	2.2 Fail	—

White BG

2.0Fail

2.3Fail

3.2AA Large

5.9AA

12.9AAA

Black BG

10.6AAA

9.1AAA

6.6AA

3.5AA Large

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF4B

AFAF4E

8A8A57

53545C

3C3B3A

Deuteranopia

D3D753

AFAF55

88865C

514E5D

3F4337

Tritanopia

E6646A

AE676C

7F686C

426061

513230

Achromatopsia

B1B1B1

A1A1A1

888888

5D5D5D

313131

Shades & Tints Shades & Tints

#E9AE2C

Dark

Light

#AEB12E

Dark

Light

#7D9B41

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9ae2c;
  --color-2: #aeb12e;
  --color-3: #7d9b41;
  --color-4: #406d56;
  --color-5: #541c43;
}

SCSS

$color-1: #e9ae2c;
$color-2: #aeb12e;
$color-3: #7d9b41;
$color-4: #406d56;
$color-5: #541c43;

TAILWIND

colors: {
  'brand-1': '#e9ae2c',
  'brand-2': '#aeb12e',
  'brand-3': '#7d9b41',
  'brand-4': '#406d56',
  'brand-5': '#541c43',
}

RGB Array

[233, 174, 44], [174, 177, 46], [125, 155, 65], [64, 109, 86], [84, 28, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9AE2C, #AEB12E, #7D9B41, #406D56, #541C43 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e9ae2c; --color-2: #aeb12e; --color-3: #7d9b41; --color-4: #406d56; --color-5: #541c43. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 tech, SaaS, healthcare, eco industries. 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