#6EC45E + #8CD65A + #C3E35B + #D9ED98 + #B5C484 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6EC45E

Celadon · MediumSeaGreen · Olive Green

HEX

#6EC45E

RGB

rgb(110, 196, 94)

HSL

hsl(111, 46%, 57%)

HSB

hsb(111, 52%, 77%)

CMYK

cmyk(44%, 0%, 52%, 23%)

Oklch

oklch(74.3% 0.162 140.6)

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

#8CD65A

Emerald · DarkSeaGreen · Olive Green

HEX

#8CD65A

RGB

rgb(140, 214, 90)

HSL

hsl(96, 60%, 60%)

HSB

hsb(96, 58%, 84%)

CMYK

cmyk(35%, 0%, 58%, 16%)

Oklch

oklch(80.1% 0.174 134.6)

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

#C3E35B

Willow Green · GreenYellow · Apple Green

HEX

#C3E35B

RGB

rgb(195, 227, 91)

HSL

hsl(74, 71%, 62%)

HSB

hsb(74, 60%, 89%)

CMYK

cmyk(14%, 0%, 60%, 11%)

Oklch

oklch(86.6% 0.165 121.1)

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

#D9ED98

Willow Green · Khaki · Apple Green

HEX

#D9ED98

RGB

rgb(217, 237, 152)

HSL

hsl(74, 70%, 76%)

HSB

hsb(74, 36%, 93%)

CMYK

cmyk(8%, 0%, 36%, 7%)

Oklch

oklch(91.2% 0.110 119.4)

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

#B5C484

Willow Green · Tan · Apple Green

HEX

#B5C484

RGB

rgb(181, 196, 132)

HSL

hsl(74, 35%, 64%)

HSB

hsb(74, 33%, 77%)

CMYK

cmyk(8%, 0%, 33%, 23%)

Oklch

oklch(79.3% 0.087 119.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EC45E

B55FC4

Analogous

A0C45F

6EC45E

5FC482

Triadic

6EC45E

5F6EC4

C45F6E

Split-Comp.

6EC45E

825FC4

C45FA0

Tetradic

6EC45E

5FA0C4

B55FC4

C4825F

Contrast Matrix WCAG 2.1 Contrast

6EC45E	8CD65A	C3E35B	D9ED98	B5C484
—	1.2 Fail	1.5 Fail	1.7 Fail	1.2 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.5 Fail
1.2 Fail	1.1 Fail	1.3 Fail	1.5 Fail	—

White BG

2.2Fail

1.8Fail

1.5Fail

1.3Fail

1.9Fail

Black BG

9.7AAA

11.9AAA

14.5AAA

16.5AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939477

ACAD78

D1D17C

E2E2AD

BBBC93

Deuteranopia

8E887D

A8A27F

CFCD84

E1DFB2

BBBA97

Tritanopia

728A8E

909095

C5969C

DABDC0

B6A0A2

Achromatopsia

9F9F9F

B2B2B2

CACACA

DDDDDD

B8B8B8

Shades & Tints Shades & Tints

#6EC45E

Dark

Light

#8CD65A

Dark

Light

#C3E35B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ec45e;
  --color-2: #8cd65a;
  --color-3: #c3e35b;
  --color-4: #d9ed98;
  --color-5: #b5c484;
}

SCSS

$color-1: #6ec45e;
$color-2: #8cd65a;
$color-3: #c3e35b;
$color-4: #d9ed98;
$color-5: #b5c484;

TAILWIND

colors: {
  'brand-1': '#6ec45e',
  'brand-2': '#8cd65a',
  'brand-3': '#c3e35b',
  'brand-4': '#d9ed98',
  'brand-5': '#b5c484',
}

RGB Array

[110, 196, 94], [140, 214, 90], [195, 227, 91], [217, 237, 152], [181, 196, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6EC45E, #8CD65A, #C3E35B, #D9ED98, #B5C484 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: #6ec45e; --color-2: #8cd65a; --color-3: #c3e35b; --color-4: #d9ed98; --color-5: #b5c484. 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