#E7F5B6 + #B3CA98 + #AAC363 + #A6A544 + #91B182 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E7F5B6

Willow Green · Wheat · Mint Green

HEX

#E7F5B6

RGB

rgb(231, 245, 182)

HSL

hsl(73, 76%, 84%)

HSB

hsb(73, 26%, 96%)

CMYK

cmyk(6%, 0%, 26%, 4%)

Oklch

oklch(94.4% 0.083 118.2)

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

#B3CA98

Willow Green · DarkGray · Apple Green

HEX

#B3CA98

RGB

rgb(179, 202, 152)

HSL

hsl(88, 32%, 69%)

HSB

hsb(88, 25%, 79%)

CMYK

cmyk(11%, 0%, 25%, 21%)

Oklch

oklch(80.9% 0.072 128.0)

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

#AAC363

Grass Green · DarkSeaGreen · Olive Green

HEX

#AAC363

RGB

rgb(170, 195, 99)

HSL

hsl(76, 44%, 58%)

HSB

hsb(76, 49%, 76%)

CMYK

cmyk(13%, 0%, 49%, 24%)

Oklch

oklch(77.7% 0.126 121.4)

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

#A6A544

Autumn Sage · GoldenRod · Honey Gold

HEX

#A6A544

RGB

rgb(166, 165, 68)

HSL

hsl(59, 42%, 46%)

HSB

hsb(59, 59%, 65%)

CMYK

cmyk(0%, 1%, 59%, 35%)

Oklch

oklch(70.3% 0.119 108.6)

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

#91B182

Celadon · DarkSeaGreen · Olive Green

HEX

#91B182

RGB

rgb(145, 177, 130)

HSL

hsl(101, 23%, 60%)

HSB

hsb(101, 27%, 69%)

CMYK

cmyk(18%, 0%, 27%, 31%)

Oklch

oklch(72.4% 0.075 135.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7F5B6

C5B7F5

Analogous

F5E4B7

E7F5B6

C9F5B7

Triadic

E7F5B6

B7E8F5

F5B7E8

Split-Comp.

E7F5B6

B7C9F5

E4B7F5

Tetradic

E7F5B6

B7F5E4

C5B7F5

F5B7C9

Contrast Matrix WCAG 2.1 Contrast

E7F5B6	B3CA98	AAC363	A6A544	91B182
—	1.5 Fail	1.7 Fail	2.2 Fail	2.1 Fail
1.5 Fail	—	1.1 Fail	1.5 Fail	1.3 Fail
1.7 Fail	1.1 Fail	—	1.3 Fail	1.2 Fail
2.2 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
2.1 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.2Fail

1.8Fail

2.0Fail

2.6Fail

2.4Fail

Black BG

18.1AAA

11.8AAA

10.7AAA

8.1AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC5

BDBDA4

B5B57A

A6A65B

9F9F8D

Deuteranopia

ECEBC9

BCBAA7

B3B280

A6A661

9D9B90

Tritanopia

E8D1D4

B4AEB0

AB8D91

A66E72

939698

Achromatopsia

EAEAEA

BDBDBD

B1B1B1

9A9A9A

A2A2A2

Shades & Tints Shades & Tints

#E7F5B6

Dark

Light

#B3CA98

Dark

Light

#AAC363

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7f5b6;
  --color-2: #b3ca98;
  --color-3: #aac363;
  --color-4: #a6a544;
  --color-5: #91b182;
}

SCSS

$color-1: #e7f5b6;
$color-2: #b3ca98;
$color-3: #aac363;
$color-4: #a6a544;
$color-5: #91b182;

TAILWIND

colors: {
  'brand-1': '#e7f5b6',
  'brand-2': '#b3ca98',
  'brand-3': '#aac363',
  'brand-4': '#a6a544',
  'brand-5': '#91b182',
}

RGB Array

[231, 245, 182], [179, 202, 152], [170, 195, 99], [166, 165, 68], [145, 177, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7F5B6, #B3CA98, #AAC363, #A6A544, #91B182 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: #e7f5b6; --color-2: #b3ca98; --color-3: #aac363; --color-4: #a6a544; --color-5: #91b182. 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