#6E8843 + #939E4F + #A8B259 + #BDCC4B + #B4DD4B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E8843

Grass Green · DarkOliveGreen · Forest Green

HEX

#6E8843

RGB

rgb(110, 136, 67)

HSL

hsl(83, 34%, 40%)

HSB

hsb(83, 51%, 53%)

CMYK

cmyk(19%, 0%, 51%, 47%)

Oklch

oklch(59.0% 0.100 126.3)

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

#939E4F

Autumn Sage · Gray · Honey Gold

HEX

#939E4F

RGB

rgb(147, 158, 79)

HSL

hsl(68, 33%, 46%)

HSB

hsb(68, 50%, 62%)

CMYK

cmyk(7%, 0%, 50%, 38%)

Oklch

oklch(67.3% 0.104 115.8)

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

#A8B259

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A8B259

RGB

rgb(168, 178, 89)

HSL

hsl(67, 37%, 52%)

HSB

hsb(67, 50%, 70%)

CMYK

cmyk(6%, 0%, 50%, 30%)

Oklch

oklch(73.6% 0.114 114.5)

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

#BDCC4B

Autumn Sage · GreenYellow · Sunflower

HEX

#BDCC4B

RGB

rgb(189, 204, 75)

HSL

hsl(67, 56%, 55%)

HSB

hsb(67, 63%, 80%)

CMYK

cmyk(7%, 0%, 63%, 20%)

Oklch

oklch(80.9% 0.152 115.5)

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

#B4DD4B

Grass Green · GreenYellow · Olive Green

HEX

#B4DD4B

RGB

rgb(180, 221, 75)

HSL

hsl(77, 68%, 58%)

HSB

hsb(77, 66%, 87%)

CMYK

cmyk(19%, 0%, 66%, 13%)

Oklch

oklch(84.1% 0.176 123.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E8843

5E4389

Analogous

898143

6E8843

4B8943

Triadic

6E8843

436E89

89436E

Split-Comp.

6E8843

434B89

814389

Tetradic

6E8843

438981

5E4389

89434B

Contrast Matrix WCAG 2.1 Contrast

6E8843	939E4F	A8B259	BDCC4B	B4DD4B
—	1.4 Fail	1.7 Fail	2.3 Fail	2.5 Fail
1.4 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.5 Fail
2.3 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
2.5 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

4.0AA Large

2.9Fail

2.3Fail

1.8Fail

1.6Fail

Black BG

5.3AA

7.2AAA

9.2AAA

11.9AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797954

989862

ACAC6F

C3C46A

C6C66E

Deuteranopia

787658

979667

ACAB74

C3C172

C3C077

Tritanopia

6F6164

947175

A98083

BE8388

B68A90

Achromatopsia

787878

929292

A5A5A5

B9B9B9

C0C0C0

Shades & Tints Shades & Tints

#6E8843

Dark

Light

#939E4F

Dark

Light

#A8B259

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e8843;
  --color-2: #939e4f;
  --color-3: #a8b259;
  --color-4: #bdcc4b;
  --color-5: #b4dd4b;
}

SCSS

$color-1: #6e8843;
$color-2: #939e4f;
$color-3: #a8b259;
$color-4: #bdcc4b;
$color-5: #b4dd4b;

TAILWIND

colors: {
  'brand-1': '#6e8843',
  'brand-2': '#939e4f',
  'brand-3': '#a8b259',
  'brand-4': '#bdcc4b',
  'brand-5': '#b4dd4b',
}

RGB Array

[110, 136, 67], [147, 158, 79], [168, 178, 89], [189, 204, 75], [180, 221, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E8843, #939E4F, #A8B259, #BDCC4B, #B4DD4B 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: #6e8843; --color-2: #939e4f; --color-3: #a8b259; --color-4: #bdcc4b; --color-5: #b4dd4b. 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