← Back to Editor

#A88446 · #0B3D5E · #B0B942 · #E2DBA7 · #F8FAF7

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 PageData Visualization

Color Details Color Details

#A88446

Ochre · Sienna · Amber Brown

HEX
#A88446
RGB
rgb(168, 132, 70)
HSL
hsl(38, 41%, 47%)
HSB
hsb(38, 58%, 66%)
CMYK
cmyk(0%, 21%, 58%, 34%)
Oklch
oklch(63.5% 0.091 79.5)

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

#0B3D5E

Lake Blue · MidnightBlue · Prussian Blue

HEX
#0B3D5E
RGB
rgb(11, 61, 94)
HSL
hsl(204, 79%, 21%)
HSB
hsb(204, 88%, 37%)
CMYK
cmyk(88%, 35%, 0%, 63%)
Oklch
oklch(34.6% 0.077 243.5)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#B0B942

Autumn Sage · GoldenRod · Honey Gold

HEX
#B0B942
RGB
rgb(176, 185, 66)
HSL
hsl(65, 47%, 49%)
HSB
hsb(65, 64%, 73%)
CMYK
cmyk(5%, 0%, 64%, 27%)
Oklch
oklch(75.6% 0.141 113.4)

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

#E2DBA7

Fresh Green · Wheat · Lemon Cream

HEX
#E2DBA7
RGB
rgb(226, 219, 167)
HSL
hsl(53, 50%, 77%)
HSB
hsb(53, 26%, 89%)
CMYK
cmyk(0%, 3%, 26%, 11%)
Oklch
oklch(88.4% 0.068 101.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F8FAF7

Celadon · Snow · Mint Green

HEX
#F8FAF7
RGB
rgb(248, 250, 247)
HSL
hsl(100, 23%, 97%)
HSB
hsb(100, 1%, 98%)
CMYK
cmyk(1%, 0%, 1%, 2%)
Oklch
oklch(98.3% 0.004 134.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A88446
476BA9

Analogous

A95447
A88446
9CA947

Triadic

A88446
47A985
8547A9

Split-Comp.

A88446
479CA9
5447A9

Tetradic

A88446
47A954
476BA9
A9479C

Contrast Matrix WCAG 2.1 Contrast

A88446
0B3D5E
B0B942
E2DBA7
F8FAF7
—
3.3
AA Large
1.6
Fail
2.5
Fail
3.3
AA Large
3.3
AA Large
—
5.4
AA
8.1
AAA
10.9
AAA
1.6
Fail
5.4
AA
—
1.5
Fail
2.0
Fail
2.5
Fail
8.1
AAA
1.5
Fail
—
1.3
Fail
3.3
AA Large
10.9
AAA
2.0
Fail
1.3
Fail
—
White BG
3.5AA Large
11.4AAA
2.1Fail
1.4Fail
1.0Fail
Black BG
6.1AA
1.8Fail
9.9AAA
14.9AAA
20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989855
212156
B4B45F
DFDFB4
F9F9F8

Deuteranopia

9B9D59
1E1A54
B3B366
DFE0B7
F9F9F8

Tritanopia

A66163
0E504E
B0767B
E2BEC0
F8F8F8

Achromatopsia

888888
323232
A9A9A9
D7D7D7
F9F9F9

Shades & Tints Shades & Tints

#A88446

Dark
Light

#0B3D5E

Dark
Light

#B0B942

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a88446;
  --color-2: #0b3d5e;
  --color-3: #b0b942;
  --color-4: #e2dba7;
  --color-5: #f8faf7;
}

SCSS

$color-1: #a88446;
$color-2: #0b3d5e;
$color-3: #b0b942;
$color-4: #e2dba7;
$color-5: #f8faf7;

TAILWIND

colors: {
  'brand-1': '#a88446',
  'brand-2': '#0b3d5e',
  'brand-3': '#b0b942',
  'brand-4': '#e2dba7',
  'brand-5': '#f8faf7',
}

RGB Array

[168, 132, 70], [11, 61, 94], [176, 185, 66], [226, 219, 167], [248, 250, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A88446, #0B3D5E, #B0B942, #E2DBA7, #F8FAF7 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: #a88446; --color-2: #0b3d5e; --color-3: #b0b942; --color-4: #e2dba7; --color-5: #f8faf7. 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