← Back to Editor

#EFFF91 · #D3E66C · #6E5444 · #FFFAE3 · #A9CCB7

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 AppData Visualization

Color Details Color Details

#EFFF91

Fresh Green · Khaki · Lemon Cream

HEX
#EFFF91
RGB
rgb(239, 255, 145)
HSL
hsl(69, 100%, 78%)
HSB
hsb(69, 43%, 100%)
CMYK
cmyk(6%, 0%, 43%, 0%)
Oklch
oklch(96.5% 0.136 115.8)

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

#D3E66C

Fresh Green · Khaki · Sunflower

HEX
#D3E66C
RGB
rgb(211, 230, 108)
HSL
hsl(69, 71%, 66%)
HSB
hsb(69, 53%, 90%)
CMYK
cmyk(8%, 0%, 53%, 10%)
Oklch
oklch(88.6% 0.149 116.9)

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

#6E5444

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6E5444
RGB
rgb(110, 84, 68)
HSL
hsl(23, 24%, 35%)
HSB
hsb(23, 38%, 43%)
CMYK
cmyk(0%, 24%, 38%, 57%)
Oklch
oklch(46.8% 0.043 53.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFFAE3

Goose Yellow · LightYellow · Lemon Cream

HEX
#FFFAE3
RGB
rgb(255, 250, 227)
HSL
hsl(49, 100%, 95%)
HSB
hsb(49, 11%, 100%)
CMYK
cmyk(0%, 2%, 11%, 0%)
Oklch
oklch(98.3% 0.031 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A9CCB7

Celadon · Silver · Apple Green

HEX
#A9CCB7
RGB
rgb(169, 204, 183)
HSL
hsl(144, 26%, 73%)
HSB
hsb(144, 17%, 80%)
CMYK
cmyk(17%, 0%, 10%, 20%)
Oklch
oklch(81.4% 0.048 158.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFF91
A08FFF

Analogous

FFD88F
EFFF91
B6FF8F

Triadic

EFFF91
8FEEFF
FF8FEE

Split-Comp.

EFFF91
8FB6FF
D88FFF

Tetradic

EFFF91
8FFFD8
A08FFF
FF8FB6

Contrast Matrix WCAG 2.1 Contrast

EFFF91
D3E66C
6E5444
FFFAE3
A9CCB7
—
1.3
Fail
6.4
AA
1.0
Fail
1.6
Fail
1.3
Fail
—
5.1
AA
1.3
Fail
1.3
Fail
6.4
AA
5.1
AA
—
6.6
AA
4.0
AA Large
1.0
Fail
1.3
Fail
6.6
AA
—
1.7
Fail
1.6
Fail
1.3
Fail
4.0
AA Large
1.7
Fail
—
White BG
1.1Fail
1.4Fail
7.0AA
1.0Fail
1.7Fail
Black BG
19.4AAA
15.3AAA
3.0AA Large
20.0AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6AC
DBDB8A
636348
FDFDE9
B8B8BC

Deuteranopia

F5F4B2
DAD991
646649
FDFEEA
B6B4BD

Tritanopia

F0C1C5
D4A1A6
6D4B4C
FFEDEE
ABC0C1

Achromatopsia

EEEEEE
D2D2D2
5A5A5A
F9F9F9
BFBFBF

Shades & Tints Shades & Tints

#EFFF91

Dark
Light

#D3E66C

Dark
Light

#6E5444

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efff91;
  --color-2: #d3e66c;
  --color-3: #6e5444;
  --color-4: #fffae3;
  --color-5: #a9ccb7;
}

SCSS

$color-1: #efff91;
$color-2: #d3e66c;
$color-3: #6e5444;
$color-4: #fffae3;
$color-5: #a9ccb7;

TAILWIND

colors: {
  'brand-1': '#efff91',
  'brand-2': '#d3e66c',
  'brand-3': '#6e5444',
  'brand-4': '#fffae3',
  'brand-5': '#a9ccb7',
}

RGB Array

[239, 255, 145], [211, 230, 108], [110, 84, 68], [255, 250, 227], [169, 204, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFFF91, #D3E66C, #6E5444, #FFFAE3, #A9CCB7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #efff91; --color-2: #d3e66c; --color-3: #6e5444; --color-4: #fffae3; --color-5: #a9ccb7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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