#A6E25C + #A8B62D + #E0F149 + #6C934F + #747C27 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A6E25C

Willow Green · GreenYellow · Apple Green

HEX

#A6E25C

RGB

rgb(166, 226, 92)

HSL

hsl(87, 70%, 62%)

HSB

hsb(87, 59%, 89%)

CMYK

cmyk(27%, 0%, 59%, 11%)

Oklch

oklch(84.5% 0.176 129.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A8B62D

Autumn Sage · GoldenRod · Honey Gold

HEX

#A8B62D

RGB

rgb(168, 182, 45)

HSL

hsl(66, 60%, 45%)

HSB

hsb(66, 75%, 71%)

CMYK

cmyk(8%, 0%, 75%, 29%)

Oklch

oklch(74.1% 0.154 115.4)

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

#E0F149

Fresh Green · GreenYellow · Sunflower

HEX

#E0F149

RGB

rgb(224, 241, 73)

HSL

hsl(66, 86%, 62%)

HSB

hsb(66, 70%, 95%)

CMYK

cmyk(7%, 0%, 70%, 5%)

Oklch

oklch(91.7% 0.184 115.1)

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

#6C934F

Celadon · DimGray · Olive Green

HEX

#6C934F

RGB

rgb(108, 147, 79)

HSL

hsl(94, 30%, 44%)

HSB

hsb(94, 46%, 58%)

CMYK

cmyk(27%, 0%, 46%, 42%)

Oklch

oklch(61.8% 0.105 133.1)

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

#747C27

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#747C27

RGB

rgb(116, 124, 39)

HSL

hsl(66, 52%, 32%)

HSB

hsb(66, 69%, 49%)

CMYK

cmyk(6%, 0%, 69%, 51%)

Oklch

oklch(56.2% 0.108 114.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6E25C

975AE2

Analogous

E2DB5A

A6E25C

61E25A

Triadic

A6E25C

5AA5E2

E25AA5

Split-Comp.

A6E25C

5A61E2

DB5AE2

Tetradic

A6E25C

5AE2DB

975AE2

E25A61

Contrast Matrix WCAG 2.1 Contrast

A6E25C	A8B62D	E0F149	6C934F	747C27
—	1.5 Fail	1.2 Fail	2.3 Fail	2.9 Fail
1.5 Fail	—	1.8 Fail	1.6 Fail	2.0 Fail
1.2 Fail	1.8 Fail	—	2.8 Fail	3.6 AA Large
2.3 Fail	1.6 Fail	2.8 Fail	—	1.3 Fail
2.9 Fail	2.0 Fail	3.6 AA Large	1.3 Fail	—

White BG

1.5Fail

2.2Fail

1.2Fail

3.5AA Large

4.5AA

Black BG

13.7AAA

9.4AAA

16.8AAA

5.9AA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C17C

AEAE4E

E7E872

7D7D5F

77783C

Deuteranopia

BDB884

ADAC56

E6E57B

7B7863

777641

Tritanopia

A9969C

A9686E

E19299

6E6C6F

744C4F

Achromatopsia

C1C1C1

A2A2A2

D9D9D9

808080

707070

Shades & Tints Shades & Tints

#A6E25C

Dark

Light

#A8B62D

Dark

Light

#E0F149

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6e25c;
  --color-2: #a8b62d;
  --color-3: #e0f149;
  --color-4: #6c934f;
  --color-5: #747c27;
}

SCSS

$color-1: #a6e25c;
$color-2: #a8b62d;
$color-3: #e0f149;
$color-4: #6c934f;
$color-5: #747c27;

TAILWIND

colors: {
  'brand-1': '#a6e25c',
  'brand-2': '#a8b62d',
  'brand-3': '#e0f149',
  'brand-4': '#6c934f',
  'brand-5': '#747c27',
}

RGB Array

[166, 226, 92], [168, 182, 45], [224, 241, 73], [108, 147, 79], [116, 124, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6E25C, #A8B62D, #E0F149, #6C934F, #747C27 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: #a6e25c; --color-2: #a8b62d; --color-3: #e0f149; --color-4: #6c934f; --color-5: #747c27. 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