← Back to Editor

#ECEC53 · #A3EC53 · #53ECD4 · #5391EC · #DA53EC

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#ECEC53

Fresh Green · Khaki · Sunflower

HEX
#ECEC53
RGB
rgb(236, 236, 83)
HSL
hsl(60, 80%, 63%)
HSB
hsb(60, 65%, 93%)
CMYK
cmyk(0%, 0%, 65%, 7%)
Oklch
oklch(91.6% 0.169 109.3)

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

#A3EC53

Willow Green · GreenYellow · Apple Green

HEX
#A3EC53
RGB
rgb(163, 236, 83)
HSL
hsl(89, 80%, 63%)
HSB
hsb(89, 65%, 93%)
CMYK
cmyk(31%, 0%, 65%, 7%)
Oklch
oklch(86.5% 0.197 131.3)

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

#53ECD4

Jade · Turquoise · Lake Green

HEX
#53ECD4
RGB
rgb(83, 236, 212)
HSL
hsl(171, 80%, 63%)
HSB
hsb(171, 65%, 93%)
CMYK
cmyk(65%, 0%, 10%, 7%)
Oklch
oklch(85.7% 0.132 180.5)

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

#5391EC

Azure · CornflowerBlue · Cobalt Blue

HEX
#5391EC
RGB
rgb(83, 145, 236)
HSL
hsl(216, 80%, 63%)
HSB
hsb(216, 65%, 93%)
CMYK
cmyk(65%, 39%, 0%, 7%)
Oklch
oklch(65.8% 0.151 258.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#DA53EC

Lilac · Orchid · Lilac Purple

HEX
#DA53EC
RGB
rgb(218, 83, 236)
HSL
hsl(293, 80%, 63%)
HSB
hsb(293, 65%, 93%)
CMYK
cmyk(8%, 65%, 0%, 7%)
Oklch
oklch(67.9% 0.242 322.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECEC53
5555EC

Analogous

ECA155
ECEC53
A1EC55

Triadic

ECEC53
55ECEC
EC55EC

Split-Comp.

ECEC53
55A1EC
A155EC

Tetradic

ECEC53
55ECA1
5555EC
EC55A1

Contrast Matrix WCAG 2.1 Contrast

ECEC53
A3EC53
53ECD4
5391EC
DA53EC
—
1.1
Fail
1.2
Fail
2.5
Fail
2.6
Fail
1.1
Fail
—
1.0
Fail
2.2
Fail
2.3
Fail
1.2
Fail
1.0
Fail
—
2.2
Fail
2.2
Fail
2.5
Fail
2.2
Fail
2.2
Fail
—
1.0
Fail
2.6
Fail
2.3
Fail
2.2
Fail
1.0
Fail
—
White BG
1.3Fail
1.4Fail
1.5Fail
3.2AA Large
3.3AA Large
Black BG
16.7AAA
14.7AAA
14.3AAA
6.6AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEC78
C3C378
9597DA
6E6ED6
A09EC7

Deuteranopia

ECEC81
BEB981
8C81DB
6A66D1
A7B2BE

Tritanopia

EC959C
A7959C
5BDEDF
56C5C1
D3AAA3

Achromatopsia

DBDBDB
C5C5C5
BCBCBC
898989
8D8D8D

Shades & Tints Shades & Tints

#ECEC53

Dark
Light

#A3EC53

Dark
Light

#53ECD4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecec53;
  --color-2: #a3ec53;
  --color-3: #53ecd4;
  --color-4: #5391ec;
  --color-5: #da53ec;
}

SCSS

$color-1: #ecec53;
$color-2: #a3ec53;
$color-3: #53ecd4;
$color-4: #5391ec;
$color-5: #da53ec;

TAILWIND

colors: {
  'brand-1': '#ecec53',
  'brand-2': '#a3ec53',
  'brand-3': '#53ecd4',
  'brand-4': '#5391ec',
  'brand-5': '#da53ec',
}

RGB Array

[236, 236, 83], [163, 236, 83], [83, 236, 212], [83, 145, 236], [218, 83, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #ECEC53, #A3EC53, #53ECD4, #5391EC, #DA53EC 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: #ecec53; --color-2: #a3ec53; --color-3: #53ecd4; --color-4: #5391ec; --color-5: #da53ec. 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