← Back to Editor

#290A10 · #497FEB · #53B8FF · #4AF6F6 · #FF67BE

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 PageData Visualization

Color Details Color Details

#290A10

Vermilion · Black · Deep Berry

HEX
#290A10
RGB
rgb(41, 10, 16)
HSL
hsl(348, 61%, 10%)
HSB
hsb(348, 76%, 16%)
CMYK
cmyk(0%, 76%, 61%, 84%)
Oklch
oklch(20.0% 0.052 11.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#497FEB

Azure · CornflowerBlue · Navy Blue

HEX
#497FEB
RGB
rgb(73, 127, 235)
HSL
hsl(220, 80%, 60%)
HSB
hsb(220, 69%, 92%)
CMYK
cmyk(69%, 46%, 0%, 8%)
Oklch
oklch(61.5% 0.173 262.5)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#53B8FF

Sky Blue · CornflowerBlue · Cobalt Blue

HEX
#53B8FF
RGB
rgb(83, 184, 255)
HSL
hsl(205, 100%, 66%)
HSB
hsb(205, 67%, 100%)
CMYK
cmyk(67%, 28%, 0%, 0%)
Oklch
oklch(75.3% 0.139 242.5)

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

#4AF6F6

Sky Blue · Turquoise · Lake Green

HEX
#4AF6F6
RGB
rgb(74, 246, 246)
HSL
hsl(180, 91%, 63%)
HSB
hsb(180, 70%, 96%)
CMYK
cmyk(70%, 0%, 0%, 4%)
Oklch
oklch(88.9% 0.136 195.0)

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

#FF67BE

Mauve · Orchid · Rose Pink

HEX
#FF67BE
RGB
rgb(255, 103, 190)
HSL
hsl(326, 100%, 70%)
HSB
hsb(326, 60%, 100%)
CMYK
cmyk(0%, 60%, 25%, 0%)
Oklch
oklch(72.9% 0.205 348.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

290A10
0A2923

Analogous

290A20
290A10
29130A

Triadic

290A10
10290A
0A1029

Split-Comp.

290A10
0A2913
0A2029

Tetradic

290A10
20290A
0A2923
130A29

Contrast Matrix WCAG 2.1 Contrast

290A10
497FEB
53B8FF
4AF6F6
FF67BE
—
4.8
AA
8.4
AAA
13.8
AAA
6.9
AA
4.8
AA
—
1.8
Fail
2.9
Fail
1.4
Fail
8.4
AAA
1.8
Fail
—
1.6
Fail
1.2
Fail
13.8
AAA
2.9
Fail
1.6
Fail
—
2.0
Fail
6.9
AA
1.4
Fail
1.2
Fail
2.0
Fail
—
White BG
18.3AAA
3.8AA Large
2.2Fail
1.3Fail
2.6Fail
Black BG
1.1Fail
5.5AA
9.7AAA
15.8AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1B0F
6061D1
7F80EE
9496F6
BDBCA9

Deuteranopia

1D200E
5D59CB
7971EA
8B7EF6
C6D1A4

Tritanopia

270D0D
4CBCB8
58E0DD
53F6F6
F79895

Achromatopsia

141414
7B7B7B
A2A2A2
C3C3C3
9E9E9E

Shades & Tints Shades & Tints

#290A10

Dark
Light

#497FEB

Dark
Light

#53B8FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #290a10;
  --color-2: #497feb;
  --color-3: #53b8ff;
  --color-4: #4af6f6;
  --color-5: #ff67be;
}

SCSS

$color-1: #290a10;
$color-2: #497feb;
$color-3: #53b8ff;
$color-4: #4af6f6;
$color-5: #ff67be;

TAILWIND

colors: {
  'brand-1': '#290a10',
  'brand-2': '#497feb',
  'brand-3': '#53b8ff',
  'brand-4': '#4af6f6',
  'brand-5': '#ff67be',
}

RGB Array

[41, 10, 16], [73, 127, 235], [83, 184, 255], [74, 246, 246], [255, 103, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #290A10, #497FEB, #53B8FF, #4AF6F6, #FF67BE is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #290a10; --color-2: #497feb; --color-3: #53b8ff; --color-4: #4af6f6; --color-5: #ff67be. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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