← Back to Editor

#A2825C · #CBB25D · #C0FF33 · #4C3D31 · #FF9955

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

#A2825C

Ochre · Gray · Amber Brown

HEX
#A2825C
RGB
rgb(162, 130, 92)
HSL
hsl(33, 28%, 50%)
HSB
hsb(33, 43%, 64%)
CMYK
cmyk(0%, 20%, 43%, 36%)
Oklch
oklch(62.8% 0.066 71.0)

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

#CBB25D

Ginger · SandyBrown · Sunflower

HEX
#CBB25D
RGB
rgb(203, 178, 93)
HSL
hsl(46, 51%, 58%)
HSB
hsb(46, 54%, 80%)
CMYK
cmyk(0%, 12%, 54%, 20%)
Oklch
oklch(76.8% 0.109 93.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C0FF33

Grass Green · GreenYellow · Olive Green

HEX
#C0FF33
RGB
rgb(192, 255, 51)
HSL
hsl(79, 100%, 60%)
HSB
hsb(79, 80%, 100%)
CMYK
cmyk(25%, 0%, 80%, 0%)
Oklch
oklch(92.4% 0.223 126.3)

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

#4C3D31

Tangerine · DarkSlateGray · Cinnamon

HEX
#4C3D31
RGB
rgb(76, 61, 49)
HSL
hsl(27, 22%, 25%)
HSB
hsb(27, 36%, 30%)
CMYK
cmyk(0%, 20%, 36%, 70%)
Oklch
oklch(37.2% 0.029 60.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#FF9955

Apricot · SandyBrown · Warm Sun

HEX
#FF9955
RGB
rgb(255, 153, 85)
HSL
hsl(24, 100%, 67%)
HSB
hsb(24, 67%, 100%)
CMYK
cmyk(0%, 40%, 67%, 0%)
Oklch
oklch(77.7% 0.148 52.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2825C
5C7CA3

Analogous

A35F5C
A2825C
A0A35C

Triadic

A2825C
5CA383
835CA3

Split-Comp.

A2825C
5CA0A3
5F5CA3

Tetradic

A2825C
5CA35F
5C7CA3
A35CA0

Contrast Matrix WCAG 2.1 Contrast

A2825C
CBB25D
C0FF33
4C3D31
FF9955
—
1.7
Fail
3.0
Fail
2.9
Fail
1.7
Fail
1.7
Fail
—
1.7
Fail
5.0
AA
1.0
Fail
3.0
Fail
1.7
Fail
—
8.7
AAA
1.8
Fail
2.9
Fail
5.0
AA
8.7
AAA
—
4.9
AA
1.7
Fail
1.0
Fail
1.8
Fail
4.9
AA
—
White BG
3.6AA Large
2.1Fail
1.2Fail
10.4AAA
2.1Fail
Black BG
5.9AA
10.1AAA
17.6AAA
2.0Fail
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

949465
C0C072
DBDC64
464534
D3D265

Deuteranopia

969867
C2C477
D8D370
464835
D9E069

Tritanopia

A06C6E
CA8285
C38B94
4B3637
FA7275

Achromatopsia

878787
B0B0B0
D5D5D5
404040
B0B0B0

Shades & Tints Shades & Tints

#A2825C

Dark
Light

#CBB25D

Dark
Light

#C0FF33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2825c;
  --color-2: #cbb25d;
  --color-3: #c0ff33;
  --color-4: #4c3d31;
  --color-5: #ff9955;
}

SCSS

$color-1: #a2825c;
$color-2: #cbb25d;
$color-3: #c0ff33;
$color-4: #4c3d31;
$color-5: #ff9955;

TAILWIND

colors: {
  'brand-1': '#a2825c',
  'brand-2': '#cbb25d',
  'brand-3': '#c0ff33',
  'brand-4': '#4c3d31',
  'brand-5': '#ff9955',
}

RGB Array

[162, 130, 92], [203, 178, 93], [192, 255, 51], [76, 61, 49], [255, 153, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A2825C, #CBB25D, #C0FF33, #4C3D31, #FF9955 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: #a2825c; --color-2: #cbb25d; --color-3: #c0ff33; --color-4: #4c3d31; --color-5: #ff9955. 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