#9FD622 + #69CFA2 + #3AD1FE + #89BDD0 + #B2B0B9 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#9FD622

Grass Green · GreenYellow · Olive Green

HEX

#9FD622

RGB

rgb(159, 214, 34)

HSL

hsl(78, 73%, 49%)

HSB

hsb(78, 84%, 84%)

CMYK

cmyk(26%, 0%, 84%, 16%)

Oklch

oklch(80.8% 0.199 126.5)

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

#69CFA2

Jade · MediumAquaMarine · Apple Green

HEX

#69CFA2

RGB

rgb(105, 207, 162)

HSL

hsl(154, 52%, 61%)

HSB

hsb(154, 49%, 81%)

CMYK

cmyk(49%, 0%, 22%, 19%)

Oklch

oklch(78.1% 0.117 163.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#3AD1FE

Sky Blue · Turquoise · Lake Green

HEX

#3AD1FE

RGB

rgb(58, 209, 254)

HSL

hsl(194, 99%, 61%)

HSB

hsb(194, 77%, 100%)

CMYK

cmyk(77%, 18%, 0%, 0%)

Oklch

oklch(80.3% 0.136 223.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#89BDD0

Sky Blue · SkyBlue · Lake Green

HEX

#89BDD0

RGB

rgb(137, 189, 208)

HSL

hsl(196, 43%, 68%)

HSB

hsb(196, 34%, 82%)

CMYK

cmyk(34%, 9%, 0%, 18%)

Oklch

oklch(76.9% 0.061 222.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#B2B0B9

Silver Gray · DarkGray · Pearl Gray

HEX

#B2B0B9

RGB

rgb(178, 176, 185)

HSL

hsl(253, 6%, 71%)

HSB

hsb(253, 5%, 73%)

CMYK

cmyk(4%, 5%, 0%, 27%)

Oklch

oklch(76.2% 0.013 296.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FD622

5822D8

Analogous

D8B422

9FD622

46D822

Triadic

9FD622

22A1D8

D822A1

Split-Comp.

9FD622

2246D8

B422D8

Tetradic

9FD622

22D8B4

5822D8

D82246

Contrast Matrix WCAG 2.1 Contrast

9FD622	69CFA2	3AD1FE	89BDD0	B2B0B9
—	1.1 Fail	1.0 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.0 Fail	—

White BG

1.7Fail

1.9Fail

1.8Fail

2.0Fail

2.1Fail

Black BG

12.1AAA

11.0AAA

11.7AAA

10.3AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B74E

9596AD

7B7DF3

A0A0CB

B1B1B7

Deuteranopia

B4B058

8F88B0

7367F0

9D99CA

B1B1B6

Tritanopia

A27078

6EB5B7

42EBE9

8CC8C7

B2B5B5

Achromatopsia

B1B1B1

ABABAB

A9A9A9

B0B0B0

B2B2B2

Shades & Tints Shades & Tints

#9FD622

Dark

Light

#69CFA2

Dark

Light

#3AD1FE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fd622;
  --color-2: #69cfa2;
  --color-3: #3ad1fe;
  --color-4: #89bdd0;
  --color-5: #b2b0b9;
}

SCSS

$color-1: #9fd622;
$color-2: #69cfa2;
$color-3: #3ad1fe;
$color-4: #89bdd0;
$color-5: #b2b0b9;

TAILWIND

colors: {
  'brand-1': '#9fd622',
  'brand-2': '#69cfa2',
  'brand-3': '#3ad1fe',
  'brand-4': '#89bdd0',
  'brand-5': '#b2b0b9',
}

RGB Array

[159, 214, 34], [105, 207, 162], [58, 209, 254], [137, 189, 208], [178, 176, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9FD622, #69CFA2, #3AD1FE, #89BDD0, #B2B0B9 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: #9fd622; --color-2: #69cfa2; --color-3: #3ad1fe; --color-4: #89bdd0; --color-5: #b2b0b9. 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