← Back to Editor

#026F5F · #ABAB14 · #CBF114 · #BFC38F · #D3DFA0

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#026F5F

Mineral Blue · Teal · Peacock Green

HEX
#026F5F
RGB
rgb(2, 111, 95)
HSL
hsl(171, 96%, 22%)
HSB
hsb(171, 98%, 44%)
CMYK
cmyk(98%, 0%, 14%, 56%)
Oklch
oklch(48.5% 0.089 178.1)

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

#ABAB14

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ABAB14
RGB
rgb(171, 171, 20)
HSL
hsl(60, 79%, 37%)
HSB
hsb(60, 88%, 67%)
CMYK
cmyk(0%, 0%, 88%, 33%)
Oklch
oklch(71.8% 0.152 109.7)

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

#CBF114

Grass Green · GreenYellow · Olive Green

HEX
#CBF114
RGB
rgb(203, 241, 20)
HSL
hsl(70, 89%, 51%)
HSB
hsb(70, 92%, 95%)
CMYK
cmyk(16%, 0%, 92%, 5%)
Oklch
oklch(89.9% 0.212 120.6)

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

#BFC38F

Fresh Green · Tan · Sunflower

HEX
#BFC38F
RGB
rgb(191, 195, 143)
HSL
hsl(65, 30%, 66%)
HSB
hsb(65, 27%, 76%)
CMYK
cmyk(2%, 0%, 27%, 24%)
Oklch
oklch(80.1% 0.070 111.5)

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

#D3DFA0

Willow Green · Khaki · Apple Green

HEX
#D3DFA0
RGB
rgb(211, 223, 160)
HSL
hsl(71, 50%, 75%)
HSB
hsb(71, 28%, 87%)
CMYK
cmyk(5%, 0%, 28%, 13%)
Oklch
oklch(87.9% 0.083 116.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

026F5F
6E0212

Analogous

026E28
026F5F
02486E

Triadic

026F5F
5E026E
6E5E02

Split-Comp.

026F5F
6E0248
6E2802

Tetradic

026F5F
28026E
6E0212
486E02

Contrast Matrix WCAG 2.1 Contrast

026F5F
ABAB14
CBF114
BFC38F
D3DFA0
—
2.5
Fail
4.7
AA
3.3
AA Large
4.3
AA Large
2.5
Fail
—
1.9
Fail
1.3
Fail
1.7
Fail
4.7
AA
1.9
Fail
—
1.4
Fail
1.1
Fail
3.3
AA Large
1.3
Fail
1.4
Fail
—
1.3
Fail
4.3
AA Large
1.7
Fail
1.1
Fail
1.3
Fail
—
White BG
6.1AA
2.5Fail
1.3Fail
1.8Fail
1.4Fail
Black BG
3.4AA Large
8.6AAA
16.1AAA
11.4AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313263
ABAB39
DBDC49
C1C19C
D8D8AF

Deuteranopia

2B2364
ABAB41
D9D656
C1C09F
D8D7B3

Tritanopia

076667
AB555C
CD747D
BFA6A8
D4BBBE

Achromatopsia

4D4D4D
9A9A9A
CCCCCC
BCBCBC
D4D4D4

Shades & Tints Shades & Tints

#026F5F

Dark
Light

#ABAB14

Dark
Light

#CBF114

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #026f5f;
  --color-2: #abab14;
  --color-3: #cbf114;
  --color-4: #bfc38f;
  --color-5: #d3dfa0;
}

SCSS

$color-1: #026f5f;
$color-2: #abab14;
$color-3: #cbf114;
$color-4: #bfc38f;
$color-5: #d3dfa0;

TAILWIND

colors: {
  'brand-1': '#026f5f',
  'brand-2': '#abab14',
  'brand-3': '#cbf114',
  'brand-4': '#bfc38f',
  'brand-5': '#d3dfa0',
}

RGB Array

[2, 111, 95], [171, 171, 20], [203, 241, 20], [191, 195, 143], [211, 223, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #026F5F, #ABAB14, #CBF114, #BFC38F, #D3DFA0 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: #026f5f; --color-2: #abab14; --color-3: #cbf114; --color-4: #bfc38f; --color-5: #d3dfa0. 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