← Back to Editor

#AEFF16 · #F1668D · #2FF455 · #2FA299 · #D8FF00

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#AEFF16

Grass Green · GreenYellow · Olive Green

HEX
#AEFF16
RGB
rgb(174, 255, 22)
HSL
hsl(81, 100%, 54%)
HSB
hsb(81, 91%, 100%)
CMYK
cmyk(32%, 0%, 91%, 0%)
Oklch
oklch(91.3% 0.240 129.3)

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

#F1668D

Rouge · LightCoral · Rose Pink

HEX
#F1668D
RGB
rgb(241, 102, 141)
HSL
hsl(343, 83%, 67%)
HSB
hsb(343, 58%, 95%)
CMYK
cmyk(0%, 58%, 41%, 5%)
Oklch
oklch(69.3% 0.174 5.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#2FF455

Emerald · LimeGreen · Olive Green

HEX
#2FF455
RGB
rgb(47, 244, 85)
HSL
hsl(132, 90%, 57%)
HSB
hsb(132, 81%, 96%)
CMYK
cmyk(81%, 0%, 65%, 4%)
Oklch
oklch(84.5% 0.250 145.3)

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

#2FA299

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2FA299
RGB
rgb(47, 162, 153)
HSL
hsl(175, 55%, 41%)
HSB
hsb(175, 71%, 64%)
CMYK
cmyk(71%, 0%, 6%, 36%)
Oklch
oklch(64.8% 0.100 187.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D8FF00

Autumn Sage · Yellow · Honey Gold

HEX
#D8FF00
RGB
rgb(216, 255, 0)
HSL
hsl(69, 100%, 50%)
HSB
hsb(69, 100%, 100%)
CMYK
cmyk(15%, 0%, 100%, 0%)
Oklch
oklch(93.9% 0.224 120.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEFF16
6714FF

Analogous

FFDC14
AEFF16
38FF14

Triadic

AEFF16
14ADFF
FF14AD

Split-Comp.

AEFF16
1438FF
DC14FF

Tetradic

AEFF16
14FFDC
6714FF
FF1438

Contrast Matrix WCAG 2.1 Contrast

AEFF16
F1668D
2FF455
2FA299
D8FF00
—
2.4
Fail
1.2
Fail
2.5
Fail
1.1
Fail
2.4
Fail
—
2.0
Fail
1.0
Fail
2.6
Fail
1.2
Fail
2.0
Fail
—
2.1
Fail
1.3
Fail
2.5
Fail
1.0
Fail
2.1
Fail
—
2.7
Fail
1.1
Fail
2.6
Fail
1.3
Fail
2.7
Fail
—
White BG
1.2Fail
3.0Fail
1.5Fail
3.1AA Large
1.2Fail
Black BG
17.1AAA
7.0AAA
14.2AAA
6.7AA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D24E
B5B484
84867B
61629B
E9E93E

Deuteranopia

CCC65C
BDC781
796A85
5A529C
E7E44D

Tritanopia

B27B85
EA7C7A
399AA1
359D9D
DA6E79

Achromatopsia

CCCCCC
949494
A7A7A7
7F7F7F
D6D6D6

Shades & Tints Shades & Tints

#AEFF16

Dark
Light

#F1668D

Dark
Light

#2FF455

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeff16;
  --color-2: #f1668d;
  --color-3: #2ff455;
  --color-4: #2fa299;
  --color-5: #d8ff00;
}

SCSS

$color-1: #aeff16;
$color-2: #f1668d;
$color-3: #2ff455;
$color-4: #2fa299;
$color-5: #d8ff00;

TAILWIND

colors: {
  'brand-1': '#aeff16',
  'brand-2': '#f1668d',
  'brand-3': '#2ff455',
  'brand-4': '#2fa299',
  'brand-5': '#d8ff00',
}

RGB Array

[174, 255, 22], [241, 102, 141], [47, 244, 85], [47, 162, 153], [216, 255, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #AEFF16, #F1668D, #2FF455, #2FA299, #D8FF00 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #aeff16; --color-2: #f1668d; --color-3: #2ff455; --color-4: #2fa299; --color-5: #d8ff00. 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 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