← Back to Editor

#AB8F7D · #FF6200 · #D18F24 · #C2A804 · #B9BF0A

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 Page

Color Details Color Details

#AB8F7D

Tangerine · Gray · Warm Sun

HEX
#AB8F7D
RGB
rgb(171, 143, 125)
HSL
hsl(23, 21%, 58%)
HSB
hsb(23, 27%, 67%)
CMYK
cmyk(0%, 16%, 27%, 33%)
Oklch
oklch(67.1% 0.043 54.6)

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

#FF6200

Tangerine · OrangeRed · Amber Brown

HEX
#FF6200
RGB
rgb(255, 98, 0)
HSL
hsl(23, 100%, 50%)
HSB
hsb(23, 100%, 100%)
CMYK
cmyk(0%, 62%, 100%, 0%)
Oklch
oklch(69.1% 0.207 42.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D18F24

Ochre · GoldenRod · Amber Brown

HEX
#D18F24
RGB
rgb(209, 143, 36)
HSL
hsl(37, 71%, 48%)
HSB
hsb(37, 83%, 82%)
CMYK
cmyk(0%, 32%, 83%, 18%)
Oklch
oklch(69.9% 0.138 73.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C2A804

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#C2A804
RGB
rgb(194, 168, 4)
HSL
hsl(52, 96%, 39%)
HSB
hsb(52, 98%, 76%)
CMYK
cmyk(0%, 13%, 98%, 24%)
Oklch
oklch(73.2% 0.151 97.9)

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

#B9BF0A

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9BF0A
RGB
rgb(185, 191, 10)
HSL
hsl(62, 90%, 39%)
HSB
hsb(62, 95%, 75%)
CMYK
cmyk(3%, 0%, 95%, 25%)
Oklch
oklch(77.4% 0.170 112.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB8F7D
7D99AA

Analogous

AA7D83
AB8F7D
AAA57D

Triadic

AB8F7D
7DAA8F
8F7DAA

Split-Comp.

AB8F7D
7DAAA5
7D83AA

Tetradic

AB8F7D
83AA7D
7D99AA
A57DAA

Contrast Matrix WCAG 2.1 Contrast

AB8F7D
FF6200
D18F24
C2A804
B9BF0A
—
1.0
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
White BG
3.0AA Large
3.0AA Large
2.7Fail
2.4Fail
2.0Fail
Black BG
7.0AA
7.0AA
7.7AAA
8.9AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F81
BBBA18
B4B43E
B7B72C
BCBC36

Deuteranopia

A1A382
C4D01D
B8BD44
B8BA35
BBBB40

Tritanopia

AA8586
F72A2F
CE5257
C14B52
B95860

Achromatopsia

959595
868686
979797
9D9D9D
A9A9A9

Shades & Tints Shades & Tints

#AB8F7D

Dark
Light

#FF6200

Dark
Light

#D18F24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab8f7d;
  --color-2: #ff6200;
  --color-3: #d18f24;
  --color-4: #c2a804;
  --color-5: #b9bf0a;
}

SCSS

$color-1: #ab8f7d;
$color-2: #ff6200;
$color-3: #d18f24;
$color-4: #c2a804;
$color-5: #b9bf0a;

TAILWIND

colors: {
  'brand-1': '#ab8f7d',
  'brand-2': '#ff6200',
  'brand-3': '#d18f24',
  'brand-4': '#c2a804',
  'brand-5': '#b9bf0a',
}

RGB Array

[171, 143, 125], [255, 98, 0], [209, 143, 36], [194, 168, 4], [185, 191, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #AB8F7D, #FF6200, #D18F24, #C2A804, #B9BF0A is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ab8f7d; --color-2: #ff6200; --color-3: #d18f24; --color-4: #c2a804; --color-5: #b9bf0a. 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. 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