#9ABF9D + #B8D3A0 + #E5EAAA + #FAF0A9 + #F2DD82 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#9ABF9D

Celadon · DarkSeaGreen · Apple Green

HEX

#9ABF9D

RGB

rgb(154, 191, 157)

HSL

hsl(125, 22%, 68%)

HSB

hsb(125, 19%, 75%)

CMYK

cmyk(19%, 0%, 18%, 25%)

Oklch

oklch(76.8% 0.062 147.1)

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

#B8D3A0

Celadon · Silver · Apple Green

HEX

#B8D3A0

RGB

rgb(184, 211, 160)

HSL

hsl(92, 37%, 73%)

HSB

hsb(92, 24%, 83%)

CMYK

cmyk(13%, 0%, 24%, 17%)

Oklch

oklch(83.4% 0.075 130.6)

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

#E5EAAA

Fresh Green · Wheat · Lemon Cream

HEX

#E5EAAA

RGB

rgb(229, 234, 170)

HSL

hsl(65, 60%, 79%)

HSB

hsb(65, 27%, 92%)

CMYK

cmyk(2%, 0%, 27%, 8%)

Oklch

oklch(91.8% 0.083 111.6)

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

#FAF0A9

Fresh Green · Wheat · Lemon Cream

HEX

#FAF0A9

RGB

rgb(250, 240, 169)

HSL

hsl(53, 89%, 82%)

HSB

hsb(53, 32%, 98%)

CMYK

cmyk(0%, 4%, 32%, 2%)

Oklch

oklch(94.7% 0.090 101.1)

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

#F2DD82

Goose Yellow · Khaki · Sunflower

HEX

#F2DD82

RGB

rgb(242, 221, 130)

HSL

hsl(49, 81%, 73%)

HSB

hsb(49, 46%, 95%)

CMYK

cmyk(0%, 9%, 46%, 5%)

Oklch

oklch(89.6% 0.114 96.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ABF9D

BF9BBC

Analogous

AABF9B

9ABF9D

9BBFB0

Triadic

9ABF9D

9E9BBF

BF9E9B

Split-Comp.

9ABF9D

B09BBF

BF9BAA

Tetradic

9ABF9D

9BAABF

BF9BBC

BFB09B

Contrast Matrix WCAG 2.1 Contrast

9ABF9D	B8D3A0	E5EAAA	FAF0A9	F2DD82
—	1.2 Fail	1.6 Fail	1.8 Fail	1.5 Fail
1.2 Fail	—	1.3 Fail	1.4 Fail	1.2 Fail
1.6 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
1.8 Fail	1.4 Fail	1.1 Fail	—	1.2 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.2 Fail	—

White BG

2.0Fail

1.6Fail

1.3Fail

1.2Fail

1.4Fail

Black BG

10.3AAA

12.9AAA

16.7AAA

18.1AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAA5

C4C4AC

E7E7B9

F6F6BA

E9E998

Deuteranopia

A8A5A7

C2C0AF

E7E7BD

F6F7BE

EAEC9D

Tritanopia

9CACAD

B9B6B8

E5C6C8

FAC8CB

F1A9AD

Achromatopsia

B0B0B0

C5C5C5

E1E1E1

EBEBEB

D9D9D9

Shades & Tints Shades & Tints

#9ABF9D

Dark

Light

#B8D3A0

Dark

Light

#E5EAAA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9abf9d;
  --color-2: #b8d3a0;
  --color-3: #e5eaaa;
  --color-4: #faf0a9;
  --color-5: #f2dd82;
}

SCSS

$color-1: #9abf9d;
$color-2: #b8d3a0;
$color-3: #e5eaaa;
$color-4: #faf0a9;
$color-5: #f2dd82;

TAILWIND

colors: {
  'brand-1': '#9abf9d',
  'brand-2': '#b8d3a0',
  'brand-3': '#e5eaaa',
  'brand-4': '#faf0a9',
  'brand-5': '#f2dd82',
}

RGB Array

[154, 191, 157], [184, 211, 160], [229, 234, 170], [250, 240, 169], [242, 221, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9ABF9D, #B8D3A0, #E5EAAA, #FAF0A9, #F2DD82 is ideal for: health products, baby brands, fresh-style blogs. 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: #9abf9d; --color-2: #b8d3a0; --color-3: #e5eaaa; --color-4: #faf0a9; --color-5: #f2dd82. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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