← Back to Editor

#00E1FF · #A8BCC2 · #6B7776 · #303B3B · #000808

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

Color Details Color Details

#00E1FF

Lake Blue · Cyan · Mint Ice

HEX
#00E1FF
RGB
rgb(0, 225, 255)
HSL
hsl(187, 100%, 50%)
HSB
hsb(187, 100%, 100%)
CMYK
cmyk(100%, 12%, 0%, 0%)
Oklch
oklch(83.5% 0.145 211.7)

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

#A8BCC2

Sky Blue · Silver · Lake Green

HEX
#A8BCC2
RGB
rgb(168, 188, 194)
HSL
hsl(194, 18%, 71%)
HSB
hsb(194, 13%, 76%)
CMYK
cmyk(13%, 3%, 0%, 24%)
Oklch
oklch(78.2% 0.024 217.7)

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

#6B7776

Ink Gray · DimGray · Warm Gray

HEX
#6B7776
RGB
rgb(107, 119, 118)
HSL
hsl(175, 5%, 44%)
HSB
hsb(175, 10%, 47%)
CMYK
cmyk(10%, 0%, 1%, 53%)
Oklch
oklch(55.9% 0.014 190.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#303B3B

Slate Blue · DarkSlateGray · Peacock Green

HEX
#303B3B
RGB
rgb(48, 59, 59)
HSL
hsl(180, 10%, 21%)
HSB
hsb(180, 19%, 23%)
CMYK
cmyk(19%, 0%, 0%, 77%)
Oklch
oklch(34.2% 0.015 196.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#000808

Lake Blue · Black · Peacock Green

HEX
#000808
RGB
rgb(0, 8, 8)
HSL
hsl(180, 100%, 2%)
HSB
hsb(180, 100%, 3%)
CMYK
cmyk(100%, 0%, 0%, 97%)
Oklch
oklch(12.2% 0.021 194.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00E1FF
FF1E00

Analogous

00FF9D
00E1FF
0062FF

Triadic

00E1FF
FF00E1
E1FF00

Split-Comp.

00E1FF
FF0062
FF9D00

Tetradic

00E1FF
9D00FF
FF1E00
62FF00

Contrast Matrix WCAG 2.1 Contrast

00E1FF
A8BCC2
6B7776
303B3B
000808
—
1.2
Fail
2.9
Fail
7.3
AAA
12.7
AAA
1.2
Fail
—
2.4
Fail
5.9
AA
10.2
AAA
2.9
Fail
2.4
Fail
—
2.5
Fail
4.4
AA Large
7.3
AAA
5.9
AA
2.5
Fail
—
1.7
Fail
12.7
AAA
10.2
AAA
4.4
AA Large
1.7
Fail
—
White BG
1.6Fail
2.0Fail
4.6AA
11.6AAA
20.2AAA
Black BG
13.2AAA
10.6AAA
4.5AA
1.8Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6163F8
B1B1C1
707076
35353B
030408

Deuteranopia

5444F6
B0AEC0
706F76
34333B
030208

Tritanopia

0BF2F1
A9BFBF
6C7676
313B3B
000808

Achromatopsia

A1A1A1
B7B7B7
737373
383838
060606

Shades & Tints Shades & Tints

#00E1FF

Dark
Light

#A8BCC2

Dark
Light

#6B7776

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00e1ff;
  --color-2: #a8bcc2;
  --color-3: #6b7776;
  --color-4: #303b3b;
  --color-5: #000808;
}

SCSS

$color-1: #00e1ff;
$color-2: #a8bcc2;
$color-3: #6b7776;
$color-4: #303b3b;
$color-5: #000808;

TAILWIND

colors: {
  'brand-1': '#00e1ff',
  'brand-2': '#a8bcc2',
  'brand-3': '#6b7776',
  'brand-4': '#303b3b',
  'brand-5': '#000808',
}

RGB Array

[0, 225, 255], [168, 188, 194], [107, 119, 118], [48, 59, 59], [0, 8, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #00E1FF, #A8BCC2, #6B7776, #303B3B, #000808 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #00e1ff; --color-2: #a8bcc2; --color-3: #6b7776; --color-4: #303b3b; --color-5: #000808. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 tech, SaaS, healthcare, eco industries. 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