← Back to Editor

#BD322D · #B69802 · #D87648 · #CFB425 · #F7D0A8

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#BD322D

Vermilion · FireBrick · Passion Red

HEX
#BD322D
RGB
rgb(189, 50, 45)
HSL
hsl(2, 62%, 46%)
HSB
hsb(2, 76%, 74%)
CMYK
cmyk(0%, 74%, 76%, 26%)
Oklch
oklch(53.1% 0.177 27.2)

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

#B69802

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B69802
RGB
rgb(182, 152, 2)
HSL
hsl(50, 98%, 36%)
HSB
hsb(50, 99%, 71%)
CMYK
cmyk(0%, 16%, 99%, 29%)
Oklch
oklch(68.7% 0.141 94.8)

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

#D87648

Tangerine · Coral · Warm Sun

HEX
#D87648
RGB
rgb(216, 118, 72)
HSL
hsl(19, 65%, 56%)
HSB
hsb(19, 67%, 85%)
CMYK
cmyk(0%, 45%, 67%, 15%)
Oklch
oklch(66.7% 0.137 44.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CFB425

Autumn Sage · GoldenRod · Honey Gold

HEX
#CFB425
RGB
rgb(207, 180, 37)
HSL
hsl(50, 70%, 48%)
HSB
hsb(50, 82%, 81%)
CMYK
cmyk(0%, 13%, 82%, 19%)
Oklch
oklch(77.1% 0.150 97.5)

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

#F7D0A8

Goose Yellow · Wheat · Peach Orange

HEX
#F7D0A8
RGB
rgb(247, 208, 168)
HSL
hsl(30, 83%, 81%)
HSB
hsb(30, 32%, 97%)
CMYK
cmyk(0%, 16%, 32%, 3%)
Oklch
oklch(88.1% 0.069 67.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD322D
2DB9BE

Analogous

BE2D70
BD322D
BE7A2D

Triadic

BD322D
2DBE31
312DBE

Split-Comp.

BD322D
2DBE7A
2D70BE

Tetradic

BD322D
70BE2D
2DB9BE
7A2DBE

Contrast Matrix WCAG 2.1 Contrast

BD322D
B69802
D87648
CFB425
F7D0A8
—
2.0
Fail
1.8
Fail
2.8
Fail
4.0
AA Large
2.0
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.8
Fail
1.1
Fail
—
1.5
Fail
2.2
Fail
2.8
Fail
1.4
Fail
1.5
Fail
—
1.4
Fail
4.0
AA Large
1.9
Fail
2.2
Fail
1.4
Fail
—
White BG
5.7AA
2.8Fail
3.2AA Large
2.1Fail
1.4Fail
Black BG
3.7AA Large
7.5AAA
6.6AA
10.2AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81802E
A9A926
AEAD53
C3C348
E6E6B2

Deuteranopia

89932F
ABAD2F
B3BB56
C5C750
E8EBB4

Tritanopia

B62F2F
B54349
D35C5E
CE6369
F5B9BB

Achromatopsia

5B5B5B
909090
8E8E8E
ACACAC
D7D7D7

Shades & Tints Shades & Tints

#BD322D

Dark
Light

#B69802

Dark
Light

#D87648

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd322d;
  --color-2: #b69802;
  --color-3: #d87648;
  --color-4: #cfb425;
  --color-5: #f7d0a8;
}

SCSS

$color-1: #bd322d;
$color-2: #b69802;
$color-3: #d87648;
$color-4: #cfb425;
$color-5: #f7d0a8;

TAILWIND

colors: {
  'brand-1': '#bd322d',
  'brand-2': '#b69802',
  'brand-3': '#d87648',
  'brand-4': '#cfb425',
  'brand-5': '#f7d0a8',
}

RGB Array

[189, 50, 45], [182, 152, 2], [216, 118, 72], [207, 180, 37], [247, 208, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #BD322D, #B69802, #D87648, #CFB425, #F7D0A8 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #bd322d; --color-2: #b69802; --color-3: #d87648; --color-4: #cfb425; --color-5: #f7d0a8. 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 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