← Back to Editor

#81971A · #8C9274 · #78949D · #5D88FC · #2D2F1C

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

#81971A

Grass Green · Olive · Forest Green

HEX
#81971A
RGB
rgb(129, 151, 26)
HSL
hsl(71, 71%, 35%)
HSB
hsb(71, 83%, 59%)
CMYK
cmyk(15%, 0%, 83%, 41%)
Oklch
oklch(63.7% 0.143 119.9)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#8C9274

Grass Green · Gray · Olive Green

HEX
#8C9274
RGB
rgb(140, 146, 116)
HSL
hsl(72, 12%, 51%)
HSB
hsb(72, 21%, 57%)
CMYK
cmyk(4%, 0%, 21%, 43%)
Oklch
oklch(64.7% 0.044 116.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#78949D

Slate Blue · LightSlateGray · Lake Green

HEX
#78949D
RGB
rgb(120, 148, 157)
HSL
hsl(195, 16%, 54%)
HSB
hsb(195, 24%, 62%)
CMYK
cmyk(24%, 6%, 0%, 38%)
Oklch
oklch(64.8% 0.034 219.3)

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

#5D88FC

Azure · CornflowerBlue · Cobalt Blue

HEX
#5D88FC
RGB
rgb(93, 136, 252)
HSL
hsl(224, 96%, 68%)
HSB
hsb(224, 63%, 99%)
CMYK
cmyk(63%, 46%, 0%, 1%)
Oklch
oklch(65.3% 0.179 266.3)

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

#2D2F1C

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#2D2F1C
RGB
rgb(45, 47, 28)
HSL
hsl(66, 25%, 15%)
HSB
hsb(66, 40%, 18%)
CMYK
cmyk(4%, 0%, 40%, 82%)
Oklch
oklch(29.7% 0.032 113.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81971A
311A99

Analogous

99701A
81971A
42991A

Triadic

81971A
1A8199
991A81

Split-Comp.

81971A
1A4299
701A99

Tetradic

81971A
1A9970
311A99
991A42

Contrast Matrix WCAG 2.1 Contrast

81971A
8C9274
78949D
5D88FC
2D2F1C
—
1.0
Fail
1.0
Fail
1.0
Fail
4.2
AA Large
1.0
Fail
—
1.0
Fail
1.0
Fail
4.2
AA Large
1.0
Fail
1.0
Fail
—
1.0
Fail
4.2
AA Large
1.0
Fail
1.0
Fail
1.0
Fail
—
4.2
AA Large
4.2
AA Large
4.2
AA Large
4.2
AA Large
4.2
AA Large
—
White BG
3.3AA Large
3.2AA Large
3.2AA Large
3.3AA Large
13.7AAA
Black BG
6.4AA
6.5AA
6.5AA
6.4AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B38
8F8F7B
84849B
7070E0
2E2E21

Deuteranopia

898840
8E8E7D
83809A
6D6AD9
2E2E22

Tritanopia

825055
8C8182
799999
5FCAC5
2D2425

Achromatopsia

828282
8D8D8D
8D8D8D
888888
2C2C2C

Shades & Tints Shades & Tints

#81971A

Dark
Light

#8C9274

Dark
Light

#78949D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81971a;
  --color-2: #8c9274;
  --color-3: #78949d;
  --color-4: #5d88fc;
  --color-5: #2d2f1c;
}

SCSS

$color-1: #81971a;
$color-2: #8c9274;
$color-3: #78949d;
$color-4: #5d88fc;
$color-5: #2d2f1c;

TAILWIND

colors: {
  'brand-1': '#81971a',
  'brand-2': '#8c9274',
  'brand-3': '#78949d',
  'brand-4': '#5d88fc',
  'brand-5': '#2d2f1c',
}

RGB Array

[129, 151, 26], [140, 146, 116], [120, 148, 157], [93, 136, 252], [45, 47, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #81971A, #8C9274, #78949D, #5D88FC, #2D2F1C is ideal for: 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: #81971a; --color-2: #8c9274; --color-3: #78949d; --color-4: #5d88fc; --color-5: #2d2f1c. 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. 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