← Back to Editor

#A8C7B7 · #ACD7AC · #D4CFB2 · #FFBDB0 · #000000

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

#A8C7B7

Celadon · Silver · Apple Green

HEX
#A8C7B7
RGB
rgb(168, 199, 183)
HSL
hsl(149, 22%, 72%)
HSB
hsb(149, 16%, 78%)
CMYK
cmyk(16%, 0%, 8%, 22%)
Oklch
oklch(80.2% 0.040 163.0)

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

#ACD7AC

Celadon · Silver · Apple Green

HEX
#ACD7AC
RGB
rgb(172, 215, 172)
HSL
hsl(120, 35%, 76%)
HSB
hsb(120, 20%, 84%)
CMYK
cmyk(20%, 0%, 20%, 16%)
Oklch
oklch(83.7% 0.074 144.9)

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

#D4CFB2

Fresh Green · Silver · Lemon Cream

HEX
#D4CFB2
RGB
rgb(212, 207, 178)
HSL
hsl(51, 28%, 76%)
HSB
hsb(51, 16%, 83%)
CMYK
cmyk(0%, 2%, 16%, 17%)
Oklch
oklch(85.1% 0.039 99.1)

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

#FFBDB0

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBDB0
RGB
rgb(255, 189, 176)
HSL
hsl(10, 100%, 85%)
HSB
hsb(10, 31%, 100%)
CMYK
cmyk(0%, 26%, 31%, 0%)
Oklch
oklch(85.5% 0.079 31.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8C7B7
C7A8B8

Analogous

A8C7A8
A8C7B7
A8C7C7

Triadic

A8C7B7
B7A8C7
C7B7A8

Split-Comp.

A8C7B7
C7A8C7
C7A8A8

Tetradic

A8C7B7
A8A8C7
C7A8B8
C7C7A8

Contrast Matrix WCAG 2.1 Contrast

A8C7B7
ACD7AC
D4CFB2
FFBDB0
000000
—
1.1
Fail
1.2
Fail
1.1
Fail
11.5
AAA
1.1
Fail
—
1.0
Fail
1.0
Fail
13.1
AAA
1.2
Fail
1.0
Fail
—
1.0
Fail
13.4
AAA
1.1
Fail
1.0
Fail
1.0
Fail
—
13.2
AAA
11.5
AAA
13.1
AAA
13.4
AAA
13.2
AAA
—
White BG
1.8Fail
1.6Fail
1.6Fail
1.6Fail
21.0AAA
Black BG
11.5AAA
13.1AAA
13.4AAA
13.2AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B6BB
BFBFB6
D2D2B9
E2E2B3
000000

Deuteranopia

B4B1BC
BCB9B9
D2D2BB
E6EBB4
000000

Tritanopia

AABEBF
AEBFC0
D4BFC0
FCB6B6
000000

Achromatopsia

BCBCBC
C5C5C5
CDCDCD
CFCFCF
000000

Shades & Tints Shades & Tints

#A8C7B7

Dark
Light

#ACD7AC

Dark
Light

#D4CFB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8c7b7;
  --color-2: #acd7ac;
  --color-3: #d4cfb2;
  --color-4: #ffbdb0;
  --color-5: #000000;
}

SCSS

$color-1: #a8c7b7;
$color-2: #acd7ac;
$color-3: #d4cfb2;
$color-4: #ffbdb0;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#a8c7b7',
  'brand-2': '#acd7ac',
  'brand-3': '#d4cfb2',
  'brand-4': '#ffbdb0',
  'brand-5': '#000000',
}

RGB Array

[168, 199, 183], [172, 215, 172], [212, 207, 178], [255, 189, 176], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A8C7B7, #ACD7AC, #D4CFB2, #FFBDB0, #000000 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: #a8c7b7; --color-2: #acd7ac; --color-3: #d4cfb2; --color-4: #ffbdb0; --color-5: #000000. 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