← Back to Editor

#FCFA7E · #DBFC7E · #ADFC7E · #7EFCA8 · #5AE0DA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FCFA7E

Fresh Green · Khaki · Sunflower

HEX
#FCFA7E
RGB
rgb(252, 250, 126)
HSL
hsl(59, 95%, 74%)
HSB
hsb(59, 50%, 99%)
CMYK
cmyk(0%, 1%, 50%, 1%)
Oklch
oklch(96.2% 0.146 108.0)

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

#DBFC7E

Willow Green · Khaki · Apple Green

HEX
#DBFC7E
RGB
rgb(219, 252, 126)
HSL
hsl(76, 95%, 74%)
HSB
hsb(76, 50%, 99%)
CMYK
cmyk(13%, 0%, 50%, 1%)
Oklch
oklch(94.2% 0.157 121.6)

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

#ADFC7E

Emerald · LightGreen · Apple Green

HEX
#ADFC7E
RGB
rgb(173, 252, 126)
HSL
hsl(98, 95%, 74%)
HSB
hsb(98, 50%, 99%)
CMYK
cmyk(31%, 0%, 50%, 1%)
Oklch
oklch(91.3% 0.177 135.0)

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

#7EFCA8

Emerald · LightGreen · Apple Green

HEX
#7EFCA8
RGB
rgb(126, 252, 168)
HSL
hsl(140, 95%, 74%)
HSB
hsb(140, 50%, 99%)
CMYK
cmyk(50%, 0%, 33%, 1%)
Oklch
oklch(89.8% 0.163 152.7)

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

#5AE0DA

Jade · MediumTurquoise · Lake Green

HEX
#5AE0DA
RGB
rgb(90, 224, 218)
HSL
hsl(177, 68%, 62%)
HSB
hsb(177, 60%, 88%)
CMYK
cmyk(60%, 0%, 3%, 12%)
Oklch
oklch(83.2% 0.116 191.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFA7E
7E80FC

Analogous

FCBB7E
FCFA7E
BFFC7E

Triadic

FCFA7E
7EFCFA
FA7EFC

Split-Comp.

FCFA7E
7EBFFC
BB7EFC

Tetradic

FCFA7E
7EFCBB
7E80FC
FC7EBF

Contrast Matrix WCAG 2.1 Contrast

FCFA7E
DBFC7E
ADFC7E
7EFCA8
5AE0DA
—
1.0
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
1.1Fail
1.2Fail
1.2Fail
1.3Fail
1.6Fail
Black BG
19.1AAA
18.2AAA
17.0AAA
16.4AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFB9C
E9EA9C
CFD09C
B5B6BC
9495DB

Deuteranopia

FBFBA3
E7E5A4
CBC5A4
ADA4C1
8C82DC

Tritanopia

FCB4B9
DDB5BA
B1B5BA
84CCD0
61DDDD

Achromatopsia

ECECEC
E4E4E4
D6D6D6
CDCDCD
B7B7B7

Shades & Tints Shades & Tints

#FCFA7E

Dark
Light

#DBFC7E

Dark
Light

#ADFC7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfa7e;
  --color-2: #dbfc7e;
  --color-3: #adfc7e;
  --color-4: #7efca8;
  --color-5: #5ae0da;
}

SCSS

$color-1: #fcfa7e;
$color-2: #dbfc7e;
$color-3: #adfc7e;
$color-4: #7efca8;
$color-5: #5ae0da;

TAILWIND

colors: {
  'brand-1': '#fcfa7e',
  'brand-2': '#dbfc7e',
  'brand-3': '#adfc7e',
  'brand-4': '#7efca8',
  'brand-5': '#5ae0da',
}

RGB Array

[252, 250, 126], [219, 252, 126], [173, 252, 126], [126, 252, 168], [90, 224, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFA7E, #DBFC7E, #ADFC7E, #7EFCA8, #5AE0DA 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: #fcfa7e; --color-2: #dbfc7e; --color-3: #adfc7e; --color-4: #7efca8; --color-5: #5ae0da. 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