← Back to Editor

#B7C736 · #697063 · #486157 · #40B4B5 · #29271D

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 Page

Color Details Color Details

#B7C736

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7C736
RGB
rgb(183, 199, 54)
HSL
hsl(67, 57%, 50%)
HSB
hsb(67, 73%, 78%)
CMYK
cmyk(8%, 0%, 73%, 22%)
Oklch
oklch(79.2% 0.163 115.8)

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

#697063

Ink Gray · DimGray · Warm Gray

HEX
#697063
RGB
rgb(105, 112, 99)
HSL
hsl(92, 6%, 41%)
HSB
hsb(92, 12%, 44%)
CMYK
cmyk(6%, 0%, 12%, 56%)
Oklch
oklch(53.5% 0.022 130.4)

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

#486157

Mineral Blue · DarkSlateGray · Forest Green

HEX
#486157
RGB
rgb(72, 97, 87)
HSL
hsl(156, 15%, 33%)
HSB
hsb(156, 26%, 38%)
CMYK
cmyk(26%, 0%, 10%, 62%)
Oklch
oklch(46.9% 0.034 168.3)

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

#40B4B5

Slate Blue · LightSeaGreen · Mint Ice

HEX
#40B4B5
RGB
rgb(64, 180, 181)
HSL
hsl(181, 48%, 48%)
HSB
hsb(181, 65%, 71%)
CMYK
cmyk(65%, 1%, 0%, 29%)
Oklch
oklch(70.7% 0.102 195.9)

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

#29271D

Autumn Sage · Black · Amber Gold

HEX
#29271D
RGB
rgb(41, 39, 29)
HSL
hsl(50, 17%, 14%)
HSB
hsb(50, 29%, 16%)
CMYK
cmyk(0%, 5%, 29%, 84%)
Oklch
oklch(27.2% 0.018 98.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7C736
4837C8

Analogous

C89037
B7C736
6FC837

Triadic

B7C736
37B7C8
C837B7

Split-Comp.

B7C736
376FC8
9037C8

Tetradic

B7C736
37C890
4837C8
C8376F

Contrast Matrix WCAG 2.1 Contrast

B7C736
697063
486157
40B4B5
29271D
—
2.7
Fail
3.6
AA Large
1.3
Fail
8.0
AAA
2.7
Fail
—
1.3
Fail
2.1
Fail
2.9
Fail
3.6
AA Large
1.3
Fail
—
2.7
Fail
2.2
Fail
1.3
Fail
2.1
Fail
2.7
Fail
—
6.0
AA
8.0
AAA
2.9
Fail
2.2
Fail
6.0
AA
—
White BG
1.9Fail
5.1AA
6.7AA
2.5Fail
15.0AAA
Black BG
11.2AAA
4.1AA Large
3.1AA Large
8.4AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE59
6C6C66
535359
7273B5
28281F

Deuteranopia

BDBC62
6C6B67
51505A
6C63B5
282820

Tritanopia

B8757B
696969
495B5C
46B5B5
292122

Achromatopsia

B2B2B2
6C6C6C
585858
919191
262626

Shades & Tints Shades & Tints

#B7C736

Dark
Light

#697063

Dark
Light

#486157

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7c736;
  --color-2: #697063;
  --color-3: #486157;
  --color-4: #40b4b5;
  --color-5: #29271d;
}

SCSS

$color-1: #b7c736;
$color-2: #697063;
$color-3: #486157;
$color-4: #40b4b5;
$color-5: #29271d;

TAILWIND

colors: {
  'brand-1': '#b7c736',
  'brand-2': '#697063',
  'brand-3': '#486157',
  'brand-4': '#40b4b5',
  'brand-5': '#29271d',
}

RGB Array

[183, 199, 54], [105, 112, 99], [72, 97, 87], [64, 180, 181], [41, 39, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B7C736, #697063, #486157, #40B4B5, #29271D is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b7c736; --color-2: #697063; --color-3: #486157; --color-4: #40b4b5; --color-5: #29271d. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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