#E6F3A2 + #CACC83 + #90D222 + #2BC22B + #547365 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E6F3A2

Willow Green · Khaki · Apple Green

HEX

#E6F3A2

RGB

rgb(230, 243, 162)

HSL

hsl(70, 77%, 79%)

HSB

hsb(70, 33%, 95%)

CMYK

cmyk(5%, 0%, 33%, 5%)

Oklch

oklch(93.6% 0.104 115.9)

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

#CACC83

Fresh Green · Tan · Sunflower

HEX

#CACC83

RGB

rgb(202, 204, 131)

HSL

hsl(62, 42%, 66%)

HSB

hsb(62, 36%, 80%)

CMYK

cmyk(1%, 0%, 36%, 20%)

Oklch

oklch(82.7% 0.094 109.6)

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

#90D222

Grass Green · GreenYellow · Olive Green

HEX

#90D222

RGB

rgb(144, 210, 34)

HSL

hsl(83, 72%, 48%)

HSB

hsb(83, 84%, 82%)

CMYK

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

Oklch

oklch(79.0% 0.202 129.4)

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

#2BC22B

Pine Green · LimeGreen · Olive Green

HEX

#2BC22B

RGB

rgb(43, 194, 43)

HSL

hsl(120, 64%, 46%)

HSB

hsb(120, 78%, 76%)

CMYK

cmyk(78%, 0%, 78%, 24%)

Oklch

oklch(71.1% 0.222 142.8)

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

#547365

Mineral Blue · DimGray · Forest Green

HEX

#547365

RGB

rgb(84, 115, 101)

HSL

hsl(153, 16%, 39%)

HSB

hsb(153, 27%, 45%)

CMYK

cmyk(27%, 0%, 12%, 55%)

Oklch

oklch(52.7% 0.042 165.3)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F3A2

AEA0F3

Analogous

F3D7A0

E6F3A2

BCF3A0

Triadic

E6F3A2

A0E5F3

F3A0E5

Split-Comp.

E6F3A2

A0BCF3

D7A0F3

Tetradic

E6F3A2

A0F3D7

AEA0F3

F3A0BC

Contrast Matrix WCAG 2.1 Contrast

E6F3A2	CACC83	90D222	2BC22B	547365
—	1.4 Fail	1.5 Fail	2.0 Fail	4.4 AA Large
1.4 Fail	—	1.1 Fail	1.4 Fail	3.1 AA Large
1.5 Fail	1.1 Fail	—	1.3 Fail	2.8 Fail
2.0 Fail	1.4 Fail	1.3 Fail	—	2.2 Fail
4.4 AA Large	3.1 AA Large	2.8 Fail	2.2 Fail	—

White BG

1.2Fail

1.7Fail

1.8Fail

2.4Fail

5.2AA

Black BG

17.7AAA

12.5AAA

11.4AAA

8.9AAA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB6

CBCB95

ADAD4D

6C6E50

616268

Deuteranopia

EBEABA

CBCB99

A9A457

645858

605D69

Tritanopia

E7C5C8

CAA3A6

936E76

336C73

566B6C

Achromatopsia

E6E6E6

C3C3C3

AAAAAA

848484

686868

Shades & Tints Shades & Tints

#E6F3A2

Dark

Light

#CACC83

Dark

Light

#90D222

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f3a2;
  --color-2: #cacc83;
  --color-3: #90d222;
  --color-4: #2bc22b;
  --color-5: #547365;
}

SCSS

$color-1: #e6f3a2;
$color-2: #cacc83;
$color-3: #90d222;
$color-4: #2bc22b;
$color-5: #547365;

TAILWIND

colors: {
  'brand-1': '#e6f3a2',
  'brand-2': '#cacc83',
  'brand-3': '#90d222',
  'brand-4': '#2bc22b',
  'brand-5': '#547365',
}

RGB Array

[230, 243, 162], [202, 204, 131], [144, 210, 34], [43, 194, 43], [84, 115, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6F3A2, #CACC83, #90D222, #2BC22B, #547365 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: #e6f3a2; --color-2: #cacc83; --color-3: #90d222; --color-4: #2bc22b; --color-5: #547365. 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