← Back to Editor

#91918A · #111103 · #8A7577 · #D44721 · #098664

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

#91918A

Ash · Gray · Warm Gray

HEX
#91918A
RGB
rgb(145, 145, 138)
HSL
hsl(60, 3%, 55%)
HSB
hsb(60, 5%, 57%)
CMYK
cmyk(0%, 0%, 5%, 43%)
Oklch
oklch(65.5% 0.010 106.7)

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

#111103

Autumn Sage · Black · Amber Gold

HEX
#111103
RGB
rgb(17, 17, 3)
HSL
hsl(60, 70%, 4%)
HSB
hsb(60, 82%, 7%)
CMYK
cmyk(0%, 0%, 82%, 93%)
Oklch
oklch(17.3% 0.029 109.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#8A7577

Crimson · Gray · Warm Gray

HEX
#8A7577
RGB
rgb(138, 117, 119)
HSL
hsl(354, 8%, 50%)
HSB
hsb(354, 15%, 54%)
CMYK
cmyk(0%, 15%, 14%, 46%)
Oklch
oklch(58.3% 0.026 11.4)

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

#D44721

Vermilion · Chocolate · Passion Red

HEX
#D44721
RGB
rgb(212, 71, 33)
HSL
hsl(13, 73%, 48%)
HSB
hsb(13, 84%, 83%)
CMYK
cmyk(0%, 67%, 84%, 17%)
Oklch
oklch(59.1% 0.184 35.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#098664

Mineral Blue · Teal · Mint Ice

HEX
#098664
RGB
rgb(9, 134, 100)
HSL
hsl(164, 87%, 28%)
HSB
hsb(164, 93%, 53%)
CMYK
cmyk(93%, 0%, 25%, 47%)
Oklch
oklch(55.1% 0.111 167.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91918A
898990

Analogous

908C89
91918A
8C9089

Triadic

91918A
899090
908990

Split-Comp.

91918A
898C90
8C8990

Tetradic

91918A
89908C
898990
90898C

Contrast Matrix WCAG 2.1 Contrast

91918A
111103
8A7577
D44721
098664
—
6.0
AA
1.4
Fail
1.4
Fail
1.4
Fail
6.0
AA
—
4.4
AA Large
4.3
AA Large
4.2
AA Large
1.4
Fail
4.4
AA Large
—
1.0
Fail
1.1
Fail
1.4
Fail
4.3
AA Large
1.0
Fail
—
1.0
Fail
1.4
Fail
4.2
AA Large
1.1
Fail
1.0
Fail
—
White BG
3.2AA Large
19.0AAA
4.3AA Large
4.4AA Large
4.6AA
Black BG
6.6AA
1.1Fail
4.9AA
4.7AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91918C
111106
818177
97962A
3F406C

Deuteranopia

91918C
111107
828476
9FAA2C
382E6E

Tritanopia

918D8D
11090A
897676
CD3133
0F7374

Achromatopsia

909090
0F0F0F
7C7C7C
6D6D6D
5D5D5D

Shades & Tints Shades & Tints

#91918A

Dark
Light

#111103

Dark
Light

#8A7577

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91918a;
  --color-2: #111103;
  --color-3: #8a7577;
  --color-4: #d44721;
  --color-5: #098664;
}

SCSS

$color-1: #91918a;
$color-2: #111103;
$color-3: #8a7577;
$color-4: #d44721;
$color-5: #098664;

TAILWIND

colors: {
  'brand-1': '#91918a',
  'brand-2': '#111103',
  'brand-3': '#8a7577',
  'brand-4': '#d44721',
  'brand-5': '#098664',
}

RGB Array

[145, 145, 138], [17, 17, 3], [138, 117, 119], [212, 71, 33], [9, 134, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #91918A, #111103, #8A7577, #D44721, #098664 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: #91918a; --color-2: #111103; --color-3: #8a7577; --color-4: #d44721; --color-5: #098664. 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