#AFC9B2 + #BBFF00 + #43FA4D + #7DD482 + #819483 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebellious

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#AFC9B2

Celadon · Silver · Apple Green

HEX

#AFC9B2

RGB

rgb(175, 201, 178)

HSL

hsl(127, 19%, 74%)

HSB

hsb(127, 13%, 79%)

CMYK

cmyk(13%, 0%, 11%, 21%)

Oklch

oklch(81.0% 0.043 148.5)

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

#BBFF00

Grass Green · GreenYellow · Olive Green

HEX

#BBFF00

RGB

rgb(187, 255, 0)

HSL

hsl(76, 100%, 50%)

HSB

hsb(76, 100%, 100%)

CMYK

cmyk(27%, 0%, 100%, 0%)

Oklch

oklch(92.0% 0.236 126.7)

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

#43FA4D

Emerald · LimeGreen · Apple Green

HEX

#43FA4D

RGB

rgb(67, 250, 77)

HSL

hsl(123, 95%, 62%)

HSB

hsb(123, 73%, 98%)

CMYK

cmyk(73%, 0%, 69%, 2%)

Oklch

oklch(86.3% 0.257 143.6)

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

#7DD482

Celadon · DarkSeaGreen · Apple Green

HEX

#7DD482

RGB

rgb(125, 212, 130)

HSL

hsl(123, 50%, 66%)

HSB

hsb(123, 41%, 83%)

CMYK

cmyk(41%, 0%, 39%, 17%)

Oklch

oklch(79.5% 0.142 145.3)

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

#819483

Celadon · Gray · Warm Gray

HEX

#819483

RGB

rgb(129, 148, 131)

HSL

hsl(126, 8%, 54%)

HSB

hsb(126, 13%, 58%)

CMYK

cmyk(13%, 0%, 11%, 42%)

Oklch

oklch(64.6% 0.033 148.2)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AFC9B2

C9B0C6

Analogous

BAC9B0

AFC9B2

B0C9C0

Triadic

AFC9B2

B3B0C9

C9B3B0

Split-Comp.

AFC9B2

C0B0C9

C9B0BA

Tetradic

AFC9B2

B0BAC9

C9B0C6

C9C0B0

Contrast Matrix WCAG 2.1 Contrast

AFC9B2	BBFF00	43FA4D	7DD482	819483
—	1.5 Fail	1.3 Fail	1.0 Fail	1.8 Fail
1.5 Fail	—	1.2 Fail	1.5 Fail	2.7 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	2.3 Fail
1.0 Fail	1.5 Fail	1.3 Fail	—	1.8 Fail
1.8 Fail	2.7 Fail	2.3 Fail	1.8 Fail	—

White BG

1.8Fail

1.2Fail

1.4Fail

1.8Fail

3.2AA Large

Black BG

11.8AAA

17.4AAA

15.0AAA

11.6AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAB8

D8D93E

929477

A3A396

898987

Deuteranopia

B9B7B9

D5CF4D

887A81

9E979B

888788

Tritanopia

B0BCBD

BE6E79

4C989F

81A6A9

828A8B

Achromatopsia

BFBFBF

CECECE

B0B0B0

B1B1B1

8C8C8C

Shades & Tints Shades & Tints

#AFC9B2

Dark

Light

#BBFF00

Dark

Light

#43FA4D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #afc9b2;
  --color-2: #bbff00;
  --color-3: #43fa4d;
  --color-4: #7dd482;
  --color-5: #819483;
}

SCSS

$color-1: #afc9b2;
$color-2: #bbff00;
$color-3: #43fa4d;
$color-4: #7dd482;
$color-5: #819483;

TAILWIND

colors: {
  'brand-1': '#afc9b2',
  'brand-2': '#bbff00',
  'brand-3': '#43fa4d',
  'brand-4': '#7dd482',
  'brand-5': '#819483',
}

RGB Array

[175, 201, 178], [187, 255, 0], [67, 250, 77], [125, 212, 130], [129, 148, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #AFC9B2, #BBFF00, #43FA4D, #7DD482, #819483 is ideal for: corporate websites, product showcases, portfolios. 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: #afc9b2; --color-2: #bbff00; --color-3: #43fa4d; --color-4: #7dd482; --color-5: #819483. 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 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