← Back to Editor

#280B10 · #002928 · #015C4B · #03A78F · #9CA7BD

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

#280B10

Crimson · Black · Deep Berry

HEX
#280B10
RGB
rgb(40, 11, 16)
HSL
hsl(350, 57%, 10%)
HSB
hsb(350, 73%, 16%)
CMYK
cmyk(0%, 73%, 60%, 84%)
Oklch
oklch(20.0% 0.049 12.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#002928

Mineral Blue · Black · Peacock Green

HEX
#002928
RGB
rgb(0, 41, 40)
HSL
hsl(179, 100%, 8%)
HSB
hsb(179, 100%, 16%)
CMYK
cmyk(100%, 0%, 2%, 84%)
Oklch
oklch(25.4% 0.044 192.3)

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

#015C4B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#015C4B
RGB
rgb(1, 92, 75)
HSL
hsl(169, 98%, 18%)
HSB
hsb(169, 99%, 36%)
CMYK
cmyk(99%, 0%, 18%, 64%)
Oklch
oklch(42.4% 0.080 174.4)

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

#03A78F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#03A78F
RGB
rgb(3, 167, 143)
HSL
hsl(171, 96%, 33%)
HSB
hsb(171, 98%, 65%)
CMYK
cmyk(98%, 0%, 14%, 35%)
Oklch
oklch(65.2% 0.120 177.5)

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

#9CA7BD

Azure · DarkGray · Cobalt Blue

HEX
#9CA7BD
RGB
rgb(156, 167, 189)
HSL
hsl(220, 20%, 68%)
HSB
hsb(220, 17%, 74%)
CMYK
cmyk(17%, 12%, 0%, 26%)
Oklch
oklch(72.7% 0.034 264.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

280B10
0B2823

Analogous

280B1E
280B10
28150B

Triadic

280B10
10280B
0B1028

Split-Comp.

280B10
0B2815
0B1E28

Tetradic

280B10
1E280B
0B2823
150B28

Contrast Matrix WCAG 2.1 Contrast

280B10
002928
015C4B
03A78F
9CA7BD
—
1.2
Fail
2.3
Fail
6.0
AA
7.6
AAA
1.2
Fail
—
2.0
Fail
5.1
AA
6.4
AA
2.3
Fail
2.0
Fail
—
2.6
Fail
3.3
AA Large
6.0
AA
5.1
AA
2.6
Fail
—
1.3
Fail
7.6
AAA
6.4
AA
3.3
AA Large
1.3
Fail
—
White BG
18.3AAA
15.6AAA
8.0AAA
3.0AA Large
2.4Fail
Black BG
1.1Fail
1.3Fail
2.6Fail
6.9AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B0F
121228
28294F
4A4B95
A1A1B8

Deuteranopia

1D1F0F
0F0C28
231C50
413496
A09FB6

Tritanopia

270E0E
022828
065253
0B999A
9DB3B3

Achromatopsia

141414
1D1D1D
3F3F3F
737373
A6A6A6

Shades & Tints Shades & Tints

#280B10

Dark
Light

#002928

Dark
Light

#015C4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #280b10;
  --color-2: #002928;
  --color-3: #015c4b;
  --color-4: #03a78f;
  --color-5: #9ca7bd;
}

SCSS

$color-1: #280b10;
$color-2: #002928;
$color-3: #015c4b;
$color-4: #03a78f;
$color-5: #9ca7bd;

TAILWIND

colors: {
  'brand-1': '#280b10',
  'brand-2': '#002928',
  'brand-3': '#015c4b',
  'brand-4': '#03a78f',
  'brand-5': '#9ca7bd',
}

RGB Array

[40, 11, 16], [0, 41, 40], [1, 92, 75], [3, 167, 143], [156, 167, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #280B10, #002928, #015C4B, #03A78F, #9CA7BD is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #280b10; --color-2: #002928; --color-3: #015c4b; --color-4: #03a78f; --color-5: #9ca7bd. 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 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