← Back to Editor

#A1E723 · #B5B433 · #CA8243 · #DE4F53 · #F21C63

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

#A1E723

Grass Green · GreenYellow · Olive Green

HEX
#A1E723
RGB
rgb(161, 231, 35)
HSL
hsl(81, 80%, 52%)
HSB
hsb(81, 85%, 91%)
CMYK
cmyk(30%, 0%, 85%, 9%)
Oklch
oklch(85.0% 0.217 128.9)

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

#B5B433

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5B433
RGB
rgb(181, 180, 51)
HSL
hsl(60, 56%, 45%)
HSB
hsb(60, 72%, 71%)
CMYK
cmyk(0%, 1%, 72%, 29%)
Oklch
oklch(74.8% 0.145 109.0)

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

#CA8243

Tangerine · Chocolate · Warm Sun

HEX
#CA8243
RGB
rgb(202, 130, 67)
HSL
hsl(28, 56%, 53%)
HSB
hsb(28, 67%, 79%)
CMYK
cmyk(0%, 36%, 67%, 21%)
Oklch
oklch(67.0% 0.119 59.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DE4F53

Vermilion · Tomato · Passion Red

HEX
#DE4F53
RGB
rgb(222, 79, 83)
HSL
hsl(358, 68%, 59%)
HSB
hsb(358, 64%, 87%)
CMYK
cmyk(0%, 64%, 63%, 13%)
Oklch
oklch(62.3% 0.179 22.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F21C63

Dark Violet · Crimson · Rose Pink

HEX
#F21C63
RGB
rgb(242, 28, 99)
HSL
hsl(340, 89%, 53%)
HSB
hsb(340, 88%, 95%)
CMYK
cmyk(0%, 88%, 59%, 5%)
Oklch
oklch(62.1% 0.238 10.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1E723
6723E7

Analogous

E7C923
A1E723
40E723

Triadic

A1E723
23A2E7
E723A2

Split-Comp.

A1E723
2340E7
C923E7

Tetradic

A1E723
23E7C9
6723E7
E72340

Contrast Matrix WCAG 2.1 Contrast

A1E723
B5B433
CA8243
DE4F53
F21C63
—
1.5
Fail
2.1
Fail
2.6
Fail
2.7
Fail
1.5
Fail
—
1.4
Fail
1.8
Fail
1.9
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.0
Fail
2.7
Fail
1.9
Fail
1.3
Fail
1.0
Fail
—
White BG
1.5Fail
2.2Fail
3.1AA Large
3.9AA Large
4.1AA Large
Black BG
14.0AAA
9.5AAA
6.8AA
5.3AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFC052
B5B552
ABAA52
A09F52
959352

Deuteranopia

BBB65E
B5B55A
AFB456
A8B352
A2B24E

Tritanopia

A57880
B56B70
C65E61
D75151
E74441

Achromatopsia

BCBCBC
A6A6A6
909090
7A7A7A
646464

Shades & Tints Shades & Tints

#A1E723

Dark
Light

#B5B433

Dark
Light

#CA8243

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1e723;
  --color-2: #b5b433;
  --color-3: #ca8243;
  --color-4: #de4f53;
  --color-5: #f21c63;
}

SCSS

$color-1: #a1e723;
$color-2: #b5b433;
$color-3: #ca8243;
$color-4: #de4f53;
$color-5: #f21c63;

TAILWIND

colors: {
  'brand-1': '#a1e723',
  'brand-2': '#b5b433',
  'brand-3': '#ca8243',
  'brand-4': '#de4f53',
  'brand-5': '#f21c63',
}

RGB Array

[161, 231, 35], [181, 180, 51], [202, 130, 67], [222, 79, 83], [242, 28, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A1E723, #B5B433, #CA8243, #DE4F53, #F21C63 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: #a1e723; --color-2: #b5b433; --color-3: #ca8243; --color-4: #de4f53; --color-5: #f21c63. 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