#E2FF45 + #A9D04F + #8FB44E + #3E6D43 + #425538 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E2FF45

Fresh Green · GreenYellow · Sunflower

HEX

#E2FF45

RGB

rgb(226, 255, 69)

HSL

hsl(69, 100%, 64%)

HSB

hsb(69, 73%, 100%)

CMYK

cmyk(11%, 0%, 73%, 0%)

Oklch

oklch(94.8% 0.200 118.3)

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

#A9D04F

Grass Green · GreenYellow · Olive Green

HEX

#A9D04F

RGB

rgb(169, 208, 79)

HSL

hsl(78, 58%, 56%)

HSB

hsb(78, 62%, 82%)

CMYK

cmyk(19%, 0%, 62%, 18%)

Oklch

oklch(80.4% 0.161 124.3)

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

#8FB44E

Grass Green · DarkSeaGreen · Olive Green

HEX

#8FB44E

RGB

rgb(143, 180, 78)

HSL

hsl(82, 40%, 51%)

HSB

hsb(82, 57%, 71%)

CMYK

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

Oklch

oklch(72.1% 0.137 126.3)

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

#3E6D43

Celadon · DarkOliveGreen · Forest Green

HEX

#3E6D43

RGB

rgb(62, 109, 67)

HSL

hsl(126, 27%, 34%)

HSB

hsb(126, 43%, 43%)

CMYK

cmyk(43%, 0%, 39%, 57%)

Oklch

oklch(48.9% 0.084 146.6)

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

#425538

Celadon · DarkOliveGreen · Forest Green

HEX

#425538

RGB

rgb(66, 85, 56)

HSL

hsl(99, 21%, 28%)

HSB

hsb(99, 34%, 33%)

CMYK

cmyk(22%, 0%, 34%, 67%)

Oklch

oklch(42.5% 0.052 135.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2FF45

6347FF

Analogous

FFBF47

E2FF45

88FF47

Triadic

E2FF45

47E3FF

FF47E3

Split-Comp.

E2FF45

4788FF

BF47FF

Tetradic

E2FF45

47FFBF

6347FF

FF4788

Contrast Matrix WCAG 2.1 Contrast

E2FF45	A9D04F	8FB44E	3E6D43	425538
—	1.6 Fail	2.1 Fail	5.4 AA	7.2 AAA
1.6 Fail	—	1.3 Fail	3.4 AA Large	4.6 AA
2.1 Fail	1.3 Fail	—	2.5 Fail	3.4 AA Large
5.4 AA	3.4 AA Large	2.5 Fail	—	1.3 Fail
7.2 AAA	4.6 AA	3.4 AA Large	1.3 Fail	—

White BG

1.1Fail

1.8Fail

2.4Fail

6.0AA

8.1AAA

Black BG

18.6AAA

11.8AAA

8.8AAA

3.5AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEF72

BABA6E

9F9F67

52534D

4A4A3F

Deuteranopia

EDEB7D

B8B576

9D9A6D

504C50

494841

Tritanopia

E3969D

AB878C

917A7E

405557

434546

Achromatopsia

E1E1E1

B6B6B6

9D9D9D

5A5A5A

4C4C4C

Shades & Tints Shades & Tints

#E2FF45

Dark

Light

#A9D04F

Dark

Light

#8FB44E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2ff45;
  --color-2: #a9d04f;
  --color-3: #8fb44e;
  --color-4: #3e6d43;
  --color-5: #425538;
}

SCSS

$color-1: #e2ff45;
$color-2: #a9d04f;
$color-3: #8fb44e;
$color-4: #3e6d43;
$color-5: #425538;

TAILWIND

colors: {
  'brand-1': '#e2ff45',
  'brand-2': '#a9d04f',
  'brand-3': '#8fb44e',
  'brand-4': '#3e6d43',
  'brand-5': '#425538',
}

RGB Array

[226, 255, 69], [169, 208, 79], [143, 180, 78], [62, 109, 67], [66, 85, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2FF45, #A9D04F, #8FB44E, #3E6D43, #425538 is ideal for: corporate websites, product showcases, portfolios. 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: #e2ff45; --color-2: #a9d04f; --color-3: #8fb44e; --color-4: #3e6d43; --color-5: #425538. 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. 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