← Back to Editor

#05DAC7 · #04B5D9 · #0480D9 · #044BD9 · #00349C

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

#05DAC7

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#05DAC7
RGB
rgb(5, 218, 199)
HSL
hsl(175, 96%, 44%)
HSB
hsb(175, 98%, 85%)
CMYK
cmyk(98%, 0%, 9%, 15%)
Oklch
oklch(79.8% 0.141 183.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#04B5D9

Lake Blue · DarkTurquoise · Mint Ice

HEX
#04B5D9
RGB
rgb(4, 181, 217)
HSL
hsl(190, 96%, 43%)
HSB
hsb(190, 98%, 85%)
CMYK
cmyk(98%, 17%, 0%, 15%)
Oklch
oklch(71.4% 0.129 218.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#0480D9

Lake Blue · DodgerBlue · Navy Blue

HEX
#0480D9
RGB
rgb(4, 128, 217)
HSL
hsl(205, 96%, 43%)
HSB
hsb(205, 98%, 85%)
CMYK
cmyk(98%, 41%, 0%, 15%)
Oklch
oklch(58.9% 0.164 249.6)

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

#044BD9

Indigo · MediumBlue · Navy Blue

HEX
#044BD9
RGB
rgb(4, 75, 217)
HSL
hsl(220, 96%, 43%)
HSB
hsb(220, 98%, 85%)
CMYK
cmyk(98%, 65%, 0%, 15%)
Oklch
oklch(48.0% 0.225 262.5)

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

#00349C

Indigo · MidnightBlue · Prussian Blue

HEX
#00349C
RGB
rgb(0, 52, 156)
HSL
hsl(220, 100%, 31%)
HSB
hsb(220, 100%, 61%)
CMYK
cmyk(100%, 67%, 0%, 39%)
Oklch
oklch(37.6% 0.176 262.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

05DAC7
DC0416

Analogous

04DC5E
05DAC7
0482DC

Triadic

05DAC7
CA04DC
DCCA04

Split-Comp.

05DAC7
DC0482
DC5E04

Tetradic

05DAC7
5E04DC
DC0416
82DC04

Contrast Matrix WCAG 2.1 Contrast

05DAC7
04B5D9
0480D9
044BD9
00349C
—
1.4
Fail
2.3
Fail
3.9
AA Large
6.0
AA
1.4
Fail
—
1.7
Fail
2.9
Fail
4.4
AA Large
2.3
Fail
1.7
Fail
—
1.7
Fail
2.6
Fail
3.9
AA Large
2.9
Fail
1.7
Fail
—
1.5
Fail
6.0
AA
4.4
AA Large
2.6
Fail
1.5
Fail
—
White BG
1.8Fail
2.4Fail
4.1AA Large
7.0AA
10.7AAA
Black BG
11.9AAA
8.6AAA
5.1AA
3.0AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6163CC
5152D0
3A3BC3
2323B7
171783

Deuteranopia

5545CD
4639CE
3329BE
1F19AE
14107D

Tritanopia

10CFD0
0DC9C8
0AB2AF
089C96
036F6B

Achromatopsia

989898
848484
656565
464646
303030

Shades & Tints Shades & Tints

#05DAC7

Dark
Light

#04B5D9

Dark
Light

#0480D9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #05dac7;
  --color-2: #04b5d9;
  --color-3: #0480d9;
  --color-4: #044bd9;
  --color-5: #00349c;
}

SCSS

$color-1: #05dac7;
$color-2: #04b5d9;
$color-3: #0480d9;
$color-4: #044bd9;
$color-5: #00349c;

TAILWIND

colors: {
  'brand-1': '#05dac7',
  'brand-2': '#04b5d9',
  'brand-3': '#0480d9',
  'brand-4': '#044bd9',
  'brand-5': '#00349c',
}

RGB Array

[5, 218, 199], [4, 181, 217], [4, 128, 217], [4, 75, 217], [0, 52, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #05DAC7, #04B5D9, #0480D9, #044BD9, #00349C 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: #05dac7; --color-2: #04b5d9; --color-3: #0480d9; --color-4: #044bd9; --color-5: #00349c. 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