← Back to Editor

#A3D58D · #F2F5C1 · #FBE863 · #F6FA9C · #A8C56B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A3D58D

Celadon · LightGreen · Apple Green

HEX
#A3D58D
RGB
rgb(163, 213, 141)
HSL
hsl(102, 46%, 69%)
HSB
hsb(102, 34%, 84%)
CMYK
cmyk(23%, 0%, 34%, 16%)
Oklch
oklch(82.0% 0.110 136.4)

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

#F2F5C1

Fresh Green · Bisque · Lemon Cream

HEX
#F2F5C1
RGB
rgb(242, 245, 193)
HSL
hsl(63, 72%, 86%)
HSB
hsb(63, 21%, 96%)
CMYK
cmyk(1%, 0%, 21%, 4%)
Oklch
oklch(95.5% 0.067 110.3)

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

#FBE863

Fresh Green · Khaki · Sunflower

HEX
#FBE863
RGB
rgb(251, 232, 99)
HSL
hsl(53, 95%, 69%)
HSB
hsb(53, 61%, 98%)
CMYK
cmyk(0%, 8%, 61%, 2%)
Oklch
oklch(92.2% 0.152 101.2)

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

#F6FA9C

Fresh Green · Khaki · Lemon Cream

HEX
#F6FA9C
RGB
rgb(246, 250, 156)
HSL
hsl(63, 90%, 80%)
HSB
hsb(63, 38%, 98%)
CMYK
cmyk(2%, 0%, 38%, 2%)
Oklch
oklch(96.2% 0.116 110.5)

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

#A8C56B

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8C56B
RGB
rgb(168, 197, 107)
HSL
hsl(79, 44%, 60%)
HSB
hsb(79, 46%, 77%)
CMYK
cmyk(15%, 0%, 46%, 23%)
Oklch
oklch(78.2% 0.121 123.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3D58D
BE8CD4

Analogous

C6D48C
A3D58D
8CD49A

Triadic

A3D58D
8CA1D4
D48CA1

Split-Comp.

A3D58D
9A8CD4
D48CC6

Tetradic

A3D58D
8CC6D4
BE8CD4
D49A8C

Contrast Matrix WCAG 2.1 Contrast

A3D58D
F2F5C1
FBE863
F6FA9C
A8C56B
—
1.5
Fail
1.4
Fail
1.5
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.0
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.8
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.8
Fail
—
White BG
1.7Fail
1.1Fail
1.2Fail
1.1Fail
1.9Fail
Black BG
12.5AAA
18.6AAA
16.8AAA
19.1AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B99E
F3F3CE
F3F383
F8F8B3
B5B581

Deuteranopia

B6B2A3
F3F3D1
F4F58B
F8F7B8
B3B186

Tritanopia

A6ACAF
F2D8DA
FA9DA2
F6C5C9
A99296

Achromatopsia

BEBEBE
EEEEEE
DFDFDF
EEEEEE
B2B2B2

Shades & Tints Shades & Tints

#A3D58D

Dark
Light

#F2F5C1

Dark
Light

#FBE863

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3d58d;
  --color-2: #f2f5c1;
  --color-3: #fbe863;
  --color-4: #f6fa9c;
  --color-5: #a8c56b;
}

SCSS

$color-1: #a3d58d;
$color-2: #f2f5c1;
$color-3: #fbe863;
$color-4: #f6fa9c;
$color-5: #a8c56b;

TAILWIND

colors: {
  'brand-1': '#a3d58d',
  'brand-2': '#f2f5c1',
  'brand-3': '#fbe863',
  'brand-4': '#f6fa9c',
  'brand-5': '#a8c56b',
}

RGB Array

[163, 213, 141], [242, 245, 193], [251, 232, 99], [246, 250, 156], [168, 197, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3D58D, #F2F5C1, #FBE863, #F6FA9C, #A8C56B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a3d58d; --color-2: #f2f5c1; --color-3: #fbe863; --color-4: #f6fa9c; --color-5: #a8c56b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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