← Back to Editor

#AAEBB0 · #FCD22D · #F1DE4F · #D8EBA9 · #D0E9D1

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#AAEBB0

Emerald · LightGreen · Apple Green

HEX
#AAEBB0
RGB
rgb(170, 235, 176)
HSL
hsl(126, 62%, 79%)
HSB
hsb(126, 28%, 92%)
CMYK
cmyk(28%, 0%, 25%, 8%)
Oklch
oklch(88.1% 0.104 147.0)

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

#FCD22D

Ginger · Gold · Sunflower

HEX
#FCD22D
RGB
rgb(252, 210, 45)
HSL
hsl(48, 97%, 58%)
HSB
hsb(48, 82%, 99%)
CMYK
cmyk(0%, 17%, 82%, 1%)
Oklch
oklch(87.5% 0.169 93.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F1DE4F

Fresh Green · SandyBrown · Sunflower

HEX
#F1DE4F
RGB
rgb(241, 222, 79)
HSL
hsl(53, 85%, 63%)
HSB
hsb(53, 67%, 95%)
CMYK
cmyk(0%, 8%, 67%, 5%)
Oklch
oklch(89.1% 0.159 101.6)

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

#D8EBA9

Willow Green · Wheat · Apple Green

HEX
#D8EBA9
RGB
rgb(216, 235, 169)
HSL
hsl(77, 62%, 79%)
HSB
hsb(77, 28%, 92%)
CMYK
cmyk(8%, 0%, 28%, 8%)
Oklch
oklch(91.0% 0.088 121.2)

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

#D0E9D1

Celadon · LightGray · Mint Green

HEX
#D0E9D1
RGB
rgb(208, 233, 209)
HSL
hsl(122, 36%, 86%)
HSB
hsb(122, 11%, 91%)
CMYK
cmyk(11%, 0%, 10%, 9%)
Oklch
oklch(90.9% 0.042 146.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAEBB0
EBA8E4

Analogous

C3EBA8
AAEBB0
A8EBD0

Triadic

AAEBB0
AFA8EB
EBAFA8

Split-Comp.

AAEBB0
D0A8EB
EBA8C3

Tetradic

AAEBB0
A8C3EB
EBA8E4
EBD0A8

Contrast Matrix WCAG 2.1 Contrast

AAEBB0
FCD22D
F1DE4F
D8EBA9
D0E9D1
—
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
White BG
1.4Fail
1.5Fail
1.4Fail
1.3Fail
1.3Fail
Black BG
15.2AAA
14.4AAA
15.3AAA
16.4AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C7BE
EAE955
E9E972
E0E0B9
DBDBD7

Deuteranopia

C2BEC2
ECEF5F
EAEB7A
DFDEBD
D9D8D8

Tritanopia

ADCACC
FA747B
F08D93
D9C6C8
D1DBDC

Achromatopsia

D1D1D1
CCCCCC
D3D3D3
DEDEDE
DFDFDF

Shades & Tints Shades & Tints

#AAEBB0

Dark
Light

#FCD22D

Dark
Light

#F1DE4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaebb0;
  --color-2: #fcd22d;
  --color-3: #f1de4f;
  --color-4: #d8eba9;
  --color-5: #d0e9d1;
}

SCSS

$color-1: #aaebb0;
$color-2: #fcd22d;
$color-3: #f1de4f;
$color-4: #d8eba9;
$color-5: #d0e9d1;

TAILWIND

colors: {
  'brand-1': '#aaebb0',
  'brand-2': '#fcd22d',
  'brand-3': '#f1de4f',
  'brand-4': '#d8eba9',
  'brand-5': '#d0e9d1',
}

RGB Array

[170, 235, 176], [252, 210, 45], [241, 222, 79], [216, 235, 169], [208, 233, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #AAEBB0, #FCD22D, #F1DE4F, #D8EBA9, #D0E9D1 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: #aaebb0; --color-2: #fcd22d; --color-3: #f1de4f; --color-4: #d8eba9; --color-5: #d0e9d1. 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 neon-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