← Back to Editor

#F22C9C · #EE64C5 · #D86ABC · #D0A0D3 · #AFF878

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

#F22C9C

Rose Purple · DeepPink · Rose Pink

HEX
#F22C9C
RGB
rgb(242, 44, 156)
HSL
hsl(326, 88%, 56%)
HSB
hsb(326, 82%, 95%)
CMYK
cmyk(0%, 82%, 36%, 5%)
Oklch
oklch(64.6% 0.244 352.4)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#EE64C5

Mauve · Orchid · Lilac Purple

HEX
#EE64C5
RGB
rgb(238, 100, 197)
HSL
hsl(318, 80%, 66%)
HSB
hsb(318, 58%, 93%)
CMYK
cmyk(0%, 58%, 17%, 7%)
Oklch
oklch(70.5% 0.200 340.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D86ABC

Mauve · Orchid · Lilac Purple

HEX
#D86ABC
RGB
rgb(216, 106, 188)
HSL
hsl(315, 59%, 63%)
HSB
hsb(315, 51%, 85%)
CMYK
cmyk(0%, 51%, 13%, 15%)
Oklch
oklch(68.0% 0.168 337.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D0A0D3

Lilac · Silver · Lilac Purple

HEX
#D0A0D3
RGB
rgb(208, 160, 211)
HSL
hsl(296, 37%, 73%)
HSB
hsb(296, 24%, 83%)
CMYK
cmyk(1%, 24%, 0%, 17%)
Oklch
oklch(76.7% 0.089 324.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#AFF878

Emerald · LightGreen · Apple Green

HEX
#AFF878
RGB
rgb(175, 248, 120)
HSL
hsl(94, 90%, 72%)
HSB
hsb(94, 52%, 97%)
CMYK
cmyk(29%, 0%, 52%, 3%)
Oklch
oklch(90.4% 0.176 133.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F22C9C
2CF282

Analogous

E42CF2
F22C9C
F22C39

Triadic

F22C9C
9CF22C
2C9CF2

Split-Comp.

F22C9C
39F22C
2CF2E4

Tetradic

F22C9C
F2E42C
2CF282
2C39F2

Contrast Matrix WCAG 2.1 Contrast

F22C9C
EE64C5
D86ABC
D0A0D3
AFF878
—
1.3
Fail
1.2
Fail
1.7
Fail
2.9
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
2.3
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
2.5
Fail
1.7
Fail
1.3
Fail
1.4
Fail
—
1.7
Fail
2.9
Fail
2.3
Fail
2.5
Fail
1.7
Fail
—
White BG
3.7AA Large
2.9Fail
3.1AA Large
2.2Fail
1.3Fail
Black BG
5.6AA
7.3AAA
6.7AA
9.7AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9A81
B2B1AE
A8A7A8
BBBBC7
CFCF97

Deuteranopia

A8B77A
BAC5A8
AFB7A3
BEC2C4
CAC59E

Tritanopia

E86C67
E79B97
D39895
CEBDBB
B3AFB5

Achromatopsia

747474
989898
949494
B4B4B4
D4D4D4

Shades & Tints Shades & Tints

#F22C9C

Dark
Light

#EE64C5

Dark
Light

#D86ABC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f22c9c;
  --color-2: #ee64c5;
  --color-3: #d86abc;
  --color-4: #d0a0d3;
  --color-5: #aff878;
}

SCSS

$color-1: #f22c9c;
$color-2: #ee64c5;
$color-3: #d86abc;
$color-4: #d0a0d3;
$color-5: #aff878;

TAILWIND

colors: {
  'brand-1': '#f22c9c',
  'brand-2': '#ee64c5',
  'brand-3': '#d86abc',
  'brand-4': '#d0a0d3',
  'brand-5': '#aff878',
}

RGB Array

[242, 44, 156], [238, 100, 197], [216, 106, 188], [208, 160, 211], [175, 248, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F22C9C, #EE64C5, #D86ABC, #D0A0D3, #AFF878 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: #f22c9c; --color-2: #ee64c5; --color-3: #d86abc; --color-4: #d0a0d3; --color-5: #aff878. 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