#07FAA0 + #3DE09E + #72C59C + #A8AB9A + #AEB39A · 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

#07FAA0

Mineral Blue · MediumSpringGreen · Olive Green

HEX

#07FAA0

RGB

rgb(7, 250, 160)

HSL

hsl(158, 96%, 50%)

HSB

hsb(158, 97%, 98%)

CMYK

cmyk(97%, 0%, 36%, 2%)

Oklch

oklch(86.8% 0.201 158.3)

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

#3DE09E

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#3DE09E

RGB

rgb(61, 224, 158)

HSL

hsl(156, 72%, 56%)

HSB

hsb(156, 73%, 88%)

CMYK

cmyk(73%, 0%, 29%, 12%)

Oklch

oklch(80.8% 0.163 161.2)

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

#72C59C

Jade · MediumAquaMarine · Apple Green

HEX

#72C59C

RGB

rgb(114, 197, 156)

HSL

hsl(150, 42%, 61%)

HSB

hsb(150, 42%, 77%)

CMYK

cmyk(42%, 0%, 21%, 23%)

Oklch

oklch(75.9% 0.102 161.2)

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

#A8AB9A

Willow Green · DarkGray · Silver Sand

HEX

#A8AB9A

RGB

rgb(168, 171, 154)

HSL

hsl(71, 9%, 64%)

HSB

hsb(71, 10%, 67%)

CMYK

cmyk(2%, 0%, 10%, 33%)

Oklch

oklch(73.4% 0.024 115.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#AEB39A

Willow Green · DarkGray · Apple Green

HEX

#AEB39A

RGB

rgb(174, 179, 154)

HSL

hsl(72, 14%, 65%)

HSB

hsb(72, 14%, 70%)

CMYK

cmyk(3%, 0%, 14%, 30%)

Oklch

oklch(75.6% 0.035 116.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

07FAA0

FA055F

Analogous

05FA26

07FAA0

05D9FA

Triadic

07FAA0

A005FA

FAA005

Split-Comp.

07FAA0

FA05D9

FA2605

Tetradic

07FAA0

2605FA

FA055F

D9FA05

Contrast Matrix WCAG 2.1 Contrast

07FAA0	3DE09E	72C59C	A8AB9A	AEB39A
—	1.2 Fail	1.5 Fail	1.7 Fail	1.6 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.0 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.3 Fail	1.0 Fail	1.1 Fail	—

White BG

1.4Fail

1.7Fail

2.1Fail

2.3Fail

2.2Fail

Black BG

15.2AAA

12.4AAA

10.2AAA

9.0AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7072B6

8485AE

9697A6

A9A99E

B0B0A0

Deuteranopia

6250BB

7A6EB2

918BA8

A9A99F

B0B0A2

Tritanopia

13C7CB

45BBBD

76AEAF

A8A1A2

AEA5A6

Achromatopsia

A7A7A7

A8A8A8

AFAFAF

Shades & Tints Shades & Tints

#07FAA0

Dark

Light

#3DE09E

Dark

Light

#72C59C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #07faa0;
  --color-2: #3de09e;
  --color-3: #72c59c;
  --color-4: #a8ab9a;
  --color-5: #aeb39a;
}

SCSS

$color-1: #07faa0;
$color-2: #3de09e;
$color-3: #72c59c;
$color-4: #a8ab9a;
$color-5: #aeb39a;

TAILWIND

colors: {
  'brand-1': '#07faa0',
  'brand-2': '#3de09e',
  'brand-3': '#72c59c',
  'brand-4': '#a8ab9a',
  'brand-5': '#aeb39a',
}

RGB Array

[7, 250, 160], [61, 224, 158], [114, 197, 156], [168, 171, 154], [174, 179, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #07FAA0, #3DE09E, #72C59C, #A8AB9A, #AEB39A 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: #07faa0; --color-2: #3de09e; --color-3: #72c59c; --color-4: #a8ab9a; --color-5: #aeb39a. 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