← Back to Editor

#090E1E · #F94545 · #05DCFF · #EEEAF9 · #CDC8C8

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

#090E1E

Indigo · Black · Deep Sea Blue

HEX
#090E1E
RGB
rgb(9, 14, 30)
HSL
hsl(226, 54%, 8%)
HSB
hsb(226, 70%, 12%)
CMYK
cmyk(70%, 53%, 0%, 88%)
Oklch
oklch(16.8% 0.035 269.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#F94545

Peach Pink · Tomato · Coral Red

HEX
#F94545
RGB
rgb(249, 69, 69)
HSL
hsl(0, 94%, 62%)
HSB
hsb(0, 72%, 98%)
CMYK
cmyk(0%, 72%, 72%, 2%)
Oklch
oklch(65.5% 0.217 25.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#05DCFF

Lake Blue · DeepSkyBlue · Lake Green

HEX
#05DCFF
RGB
rgb(5, 220, 255)
HSL
hsl(188, 100%, 51%)
HSB
hsb(188, 98%, 100%)
CMYK
cmyk(98%, 14%, 0%, 0%)
Oklch
oklch(82.3% 0.145 214.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#EEEAF9

Wisteria · Lavender · Sky Blue

HEX
#EEEAF9
RGB
rgb(238, 234, 249)
HSL
hsl(256, 56%, 95%)
HSB
hsb(256, 6%, 98%)
CMYK
cmyk(4%, 6%, 0%, 2%)
Oklch
oklch(94.5% 0.020 298.2)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#CDC8C8

Silver Gray · LightGray · Pearl Gray

HEX
#CDC8C8
RGB
rgb(205, 200, 200)
HSL
hsl(0, 5%, 79%)
HSB
hsb(0, 2%, 80%)
CMYK
cmyk(0%, 2%, 2%, 20%)
Oklch
oklch(83.7% 0.006 17.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

090E1E
1F1A09

Analogous

091A1F
090E1E
0F091F

Triadic

090E1E
1F090F
0F1F09

Split-Comp.

090E1E
1F0F09
1A1F09

Tetradic

090E1E
1F091A
1F1A09
091F0F

Contrast Matrix WCAG 2.1 Contrast

090E1E
F94545
05DCFF
EEEAF9
CDC8C8
—
5.5
AA
11.6
AAA
16.3
AAA
11.6
AAA
5.5
AA
—
2.1
Fail
3.0
Fail
2.1
Fail
11.6
AAA
2.1
Fail
—
1.4
Fail
1.0
Fail
16.3
AAA
3.0
Fail
1.4
Fail
—
1.4
Fail
11.6
AAA
2.1
Fail
1.0
Fail
1.4
Fail
—
White BG
19.2AAA
3.5AA Large
1.7Fail
1.2Fail
1.7Fail
Black BG
1.1Fail
6.0AA
12.7AAA
17.8AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B1A
ABA945
6264F7
ECECF5
CBCBC8

Deuteranopia

0B0B19
B6C345
5646F5
EDEDF5
CBCCC8

Tritanopia

091716
F04545
10F0EE
EEF3F2
CDC8C8

Achromatopsia

0E0E0E
7B7B7B
A0A0A0
EDEDED
C9C9C9

Shades & Tints Shades & Tints

#090E1E

Dark
Light

#F94545

Dark
Light

#05DCFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #090e1e;
  --color-2: #f94545;
  --color-3: #05dcff;
  --color-4: #eeeaf9;
  --color-5: #cdc8c8;
}

SCSS

$color-1: #090e1e;
$color-2: #f94545;
$color-3: #05dcff;
$color-4: #eeeaf9;
$color-5: #cdc8c8;

TAILWIND

colors: {
  'brand-1': '#090e1e',
  'brand-2': '#f94545',
  'brand-3': '#05dcff',
  'brand-4': '#eeeaf9',
  'brand-5': '#cdc8c8',
}

RGB Array

[9, 14, 30], [249, 69, 69], [5, 220, 255], [238, 234, 249], [205, 200, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #090E1E, #F94545, #05DCFF, #EEEAF9, #CDC8C8 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: #090e1e; --color-2: #f94545; --color-3: #05dcff; --color-4: #eeeaf9; --color-5: #cdc8c8. 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