← Back to Editor

#B1BBC4 · #7EAEDE · #1A90FF · #2C4BC7 · #3D1F99

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

#B1BBC4

Sky Blue · Silver · Cobalt Blue

HEX
#B1BBC4
RGB
rgb(177, 187, 196)
HSL
hsl(208, 14%, 73%)
HSB
hsb(208, 10%, 77%)
CMYK
cmyk(10%, 5%, 0%, 23%)
Oklch
oklch(78.7% 0.017 245.1)

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

#7EAEDE

Azure · SkyBlue · Cobalt Blue

HEX
#7EAEDE
RGB
rgb(126, 174, 222)
HSL
hsl(210, 59%, 68%)
HSB
hsb(210, 43%, 87%)
CMYK
cmyk(43%, 22%, 0%, 13%)
Oklch
oklch(73.5% 0.087 249.1)

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

#1A90FF

Lake Blue · DodgerBlue · Navy Blue

HEX
#1A90FF
RGB
rgb(26, 144, 255)
HSL
hsl(209, 100%, 55%)
HSB
hsb(209, 90%, 100%)
CMYK
cmyk(90%, 44%, 0%, 0%)
Oklch
oklch(65.1% 0.191 252.9)

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

#2C4BC7

Indigo · SteelBlue · Navy Blue

HEX
#2C4BC7
RGB
rgb(44, 75, 199)
HSL
hsl(228, 64%, 48%)
HSB
hsb(228, 78%, 78%)
CMYK
cmyk(78%, 62%, 0%, 22%)
Oklch
oklch(47.2% 0.196 267.3)

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

#3D1F99

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#3D1F99
RGB
rgb(61, 31, 153)
HSL
hsl(255, 66%, 36%)
HSB
hsb(255, 80%, 60%)
CMYK
cmyk(60%, 80%, 0%, 40%)
Oklch
oklch(37.0% 0.182 284.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1BBC4
C4BAB1

Analogous

B1C4C3
B1BBC4
B1B1C4

Triadic

B1BBC4
C4B1BB
BBC4B1

Split-Comp.

B1BBC4
C4B1B1
C4C3B1

Tetradic

B1BBC4
C3B1C4
C4BAB1
B1C4B1

Contrast Matrix WCAG 2.1 Contrast

B1BBC4
7EAEDE
1A90FF
2C4BC7
3D1F99
—
1.2
Fail
1.7
Fail
3.7
AA Large
5.8
AA
1.2
Fail
—
1.4
Fail
3.1
AA Large
4.9
AA
1.7
Fail
1.4
Fail
—
2.2
Fail
3.5
AA Large
3.7
AA Large
3.1
AA Large
2.2
Fail
—
1.6
Fail
5.8
AA
4.9
AA
3.5
AA Large
1.6
Fail
—
White BG
1.9Fail
2.3Fail
3.2AA Large
7.1AAA
11.3AAA
Black BG
10.8AAA
9.0AAA
6.5AA
2.9Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5C2
9393D2
4D4EE4
393AA9
30307B

Deuteranopia

B5B4C1
908CD0
463DDE
3835A2
323474

Tritanopia

B2C0C0
80C9C7
20CFCA
2E918C
3B645F

Achromatopsia

B9B9B9
A5A5A5
797979
505050
363636

Shades & Tints Shades & Tints

#B1BBC4

Dark
Light

#7EAEDE

Dark
Light

#1A90FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1bbc4;
  --color-2: #7eaede;
  --color-3: #1a90ff;
  --color-4: #2c4bc7;
  --color-5: #3d1f99;
}

SCSS

$color-1: #b1bbc4;
$color-2: #7eaede;
$color-3: #1a90ff;
$color-4: #2c4bc7;
$color-5: #3d1f99;

TAILWIND

colors: {
  'brand-1': '#b1bbc4',
  'brand-2': '#7eaede',
  'brand-3': '#1a90ff',
  'brand-4': '#2c4bc7',
  'brand-5': '#3d1f99',
}

RGB Array

[177, 187, 196], [126, 174, 222], [26, 144, 255], [44, 75, 199], [61, 31, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B1BBC4, #7EAEDE, #1A90FF, #2C4BC7, #3D1F99 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: #b1bbc4; --color-2: #7eaede; --color-3: #1a90ff; --color-4: #2c4bc7; --color-5: #3d1f99. 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