← Back to Editor

#100B05 · #BC5F8B · #B5A9AB · #88BFAC · #080B10

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

#100B05

Ochre · Black · Cinnamon

HEX
#100B05
RGB
rgb(16, 11, 5)
HSL
hsl(33, 52%, 4%)
HSB
hsb(33, 69%, 6%)
CMYK
cmyk(0%, 31%, 69%, 94%)
Oklch
oklch(15.4% 0.016 75.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#BC5F8B

Dark Violet · LightCoral · Rose Pink

HEX
#BC5F8B
RGB
rgb(188, 95, 139)
HSL
hsl(332, 41%, 55%)
HSB
hsb(332, 49%, 74%)
CMYK
cmyk(0%, 49%, 26%, 26%)
Oklch
oklch(60.9% 0.130 351.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B5A9AB

Peach Pink · DarkGray · Silver Sand

HEX
#B5A9AB
RGB
rgb(181, 169, 171)
HSL
hsl(350, 8%, 69%)
HSB
hsb(350, 7%, 71%)
CMYK
cmyk(0%, 7%, 6%, 29%)
Oklch
oklch(74.6% 0.014 5.9)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#88BFAC

Jade · DarkSeaGreen · Apple Green

HEX
#88BFAC
RGB
rgb(136, 191, 172)
HSL
hsl(159, 30%, 64%)
HSB
hsb(159, 29%, 75%)
CMYK
cmyk(29%, 0%, 10%, 25%)
Oklch
oklch(76.1% 0.064 171.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#080B10

Indigo · Black · Deep Sea Blue

HEX
#080B10
RGB
rgb(8, 11, 16)
HSL
hsl(218, 33%, 5%)
HSB
hsb(218, 50%, 6%)
CMYK
cmyk(50%, 31%, 0%, 94%)
Oklch
oklch(14.9% 0.012 259.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

100B05
050A10

Analogous

100505
100B05
0F1005

Triadic

100B05
05100B
0B0510

Split-Comp.

100B05
050F10
050510

Tetradic

100B05
051005
050A10
10050F

Contrast Matrix WCAG 2.1 Contrast

100B05
BC5F8B
B5A9AB
88BFAC
080B10
—
4.8
AA
8.6
AAA
9.4
AAA
1.0
Fail
4.8
AA
—
1.8
Fail
2.0
Fail
4.8
AA
8.6
AAA
1.8
Fail
—
1.1
Fail
8.7
AAA
9.4
AAA
2.0
Fail
1.1
Fail
—
9.5
AAA
1.0
Fail
4.8
AA
8.7
AAA
9.5
AAA
—
White BG
19.6AAA
4.1AA Large
2.3Fail
2.1Fail
19.7AAA
Black BG
1.1Fail
5.1AA
9.2AAA
10.1AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0E06
949380
B0B0AB
A0A0B1
09090F

Deuteranopia

0E0F07
99A07E
B1B1AA
9D99B2
09090F

Tritanopia

100808
B77876
B4AAAA
8BB4B5
080E0E

Achromatopsia

0C0C0C
808080
ADADAD
ACACAC
0B0B0B

Shades & Tints Shades & Tints

#100B05

Dark
Light

#BC5F8B

Dark
Light

#B5A9AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #100b05;
  --color-2: #bc5f8b;
  --color-3: #b5a9ab;
  --color-4: #88bfac;
  --color-5: #080b10;
}

SCSS

$color-1: #100b05;
$color-2: #bc5f8b;
$color-3: #b5a9ab;
$color-4: #88bfac;
$color-5: #080b10;

TAILWIND

colors: {
  'brand-1': '#100b05',
  'brand-2': '#bc5f8b',
  'brand-3': '#b5a9ab',
  'brand-4': '#88bfac',
  'brand-5': '#080b10',
}

RGB Array

[16, 11, 5], [188, 95, 139], [181, 169, 171], [136, 191, 172], [8, 11, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #100B05, #BC5F8B, #B5A9AB, #88BFAC, #080B10 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: #100b05; --color-2: #bc5f8b; --color-3: #b5a9ab; --color-4: #88bfac; --color-5: #080b10. 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