← Back to Editor

#6EF5FA · #A8DF23 · #FF961F · #F7453B · #FF63FA

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

#6EF5FA

Sky Blue · LightSkyBlue · Lake Green

HEX
#6EF5FA
RGB
rgb(110, 245, 250)
HSL
hsl(182, 93%, 71%)
HSB
hsb(182, 56%, 98%)
CMYK
cmyk(56%, 2%, 0%, 2%)
Oklch
oklch(89.7% 0.118 198.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A8DF23

Grass Green · GreenYellow · Olive Green

HEX
#A8DF23
RGB
rgb(168, 223, 35)
HSL
hsl(78, 75%, 51%)
HSB
hsb(78, 84%, 87%)
CMYK
cmyk(25%, 0%, 84%, 13%)
Oklch
oklch(83.5% 0.204 126.0)

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

#FF961F

Ginger · Orange · Warm Sun

HEX
#FF961F
RGB
rgb(255, 150, 31)
HSL
hsl(32, 100%, 56%)
HSB
hsb(32, 88%, 100%)
CMYK
cmyk(0%, 41%, 88%, 0%)
Oklch
oklch(76.8% 0.170 61.3)

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

#F7453B

Vermilion · Tomato · Passion Red

HEX
#F7453B
RGB
rgb(247, 69, 59)
HSL
hsl(3, 92%, 60%)
HSB
hsb(3, 76%, 97%)
CMYK
cmyk(0%, 72%, 76%, 3%)
Oklch
oklch(65.0% 0.216 28.0)

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

#FF63FA

Mauve · Violet · Lilac Purple

HEX
#FF63FA
RGB
rgb(255, 99, 250)
HSL
hsl(302, 100%, 69%)
HSB
hsb(302, 61%, 100%)
CMYK
cmyk(0%, 61%, 2%, 0%)
Oklch
oklch(75.1% 0.251 329.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EF5FA
FA7570

Analogous

70FABA
6EF5FA
70B0FA

Triadic

6EF5FA
FA70F5
F5FA70

Split-Comp.

6EF5FA
FA70B0
FABA70

Tetradic

6EF5FA
BA70FA
FA7570
B0FA70

Contrast Matrix WCAG 2.1 Contrast

6EF5FA
A8DF23
FF961F
F7453B
FF63FA
—
1.2
Fail
1.7
Fail
2.7
Fail
1.9
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
2.7
Fail
2.3
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
3.6AA Large
2.5Fail
Black BG
16.1AAA
13.2AAA
9.6AAA
5.9AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8AAF9
C0C050
D2D13C
AAA83D
BBBAD5

Deuteranopia

A197F9
BDB95B
D8E043
B4C23E
C5D0CD

Tritanopia

75F8F8
AB747C
FA5358
EE3F40
F7B9B2

Achromatopsia

CDCDCD
B9B9B9
A8A8A8
797979
A3A3A3

Shades & Tints Shades & Tints

#6EF5FA

Dark
Light

#A8DF23

Dark
Light

#FF961F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ef5fa;
  --color-2: #a8df23;
  --color-3: #ff961f;
  --color-4: #f7453b;
  --color-5: #ff63fa;
}

SCSS

$color-1: #6ef5fa;
$color-2: #a8df23;
$color-3: #ff961f;
$color-4: #f7453b;
$color-5: #ff63fa;

TAILWIND

colors: {
  'brand-1': '#6ef5fa',
  'brand-2': '#a8df23',
  'brand-3': '#ff961f',
  'brand-4': '#f7453b',
  'brand-5': '#ff63fa',
}

RGB Array

[110, 245, 250], [168, 223, 35], [255, 150, 31], [247, 69, 59], [255, 99, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #6EF5FA, #A8DF23, #FF961F, #F7453B, #FF63FA 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: #6ef5fa; --color-2: #a8df23; --color-3: #ff961f; --color-4: #f7453b; --color-5: #ff63fa. 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