#772D40 + #766558 + #73D538 + #10EF35 + #7DD36F · 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

#772D40

Crimson · Brown · Wine Red

HEX

#772D40

RGB

rgb(119, 45, 64)

HSL

hsl(345, 45%, 32%)

HSB

hsb(345, 62%, 47%)

CMYK

cmyk(0%, 62%, 46%, 53%)

Oklch

oklch(40.9% 0.105 7.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#766558

Tangerine · DimGray · Amber Brown

HEX

#766558

RGB

rgb(118, 101, 88)

HSL

hsl(26, 15%, 40%)

HSB

hsb(26, 25%, 46%)

CMYK

cmyk(0%, 14%, 25%, 54%)

Oklch

oklch(51.9% 0.030 59.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#73D538

Emerald · LimeGreen · Olive Green

HEX

#73D538

RGB

rgb(115, 213, 56)

HSL

hsl(97, 65%, 53%)

HSB

hsb(97, 74%, 84%)

CMYK

cmyk(46%, 0%, 74%, 16%)

Oklch

oklch(78.3% 0.209 136.4)

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

#10EF35

Pine Green · LimeGreen · Olive Green

HEX

#10EF35

RGB

rgb(16, 239, 53)

HSL

hsl(130, 87%, 50%)

HSB

hsb(130, 93%, 94%)

CMYK

cmyk(93%, 0%, 78%, 6%)

Oklch

oklch(82.7% 0.267 143.8)

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

#7DD36F

Emerald · DarkSeaGreen · Apple Green

HEX

#7DD36F

RGB

rgb(125, 211, 111)

HSL

hsl(112, 53%, 63%)

HSB

hsb(112, 47%, 83%)

CMYK

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

Oklch

oklch(78.9% 0.159 141.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

772D40

2D7664

Analogous

762D64

772D40

763F2D

Triadic

772D40

3F762D

2D3F76

Split-Comp.

772D40

2D763F

2D6476

Tetradic

772D40

64762D

2D7664

3F2D76

Contrast Matrix WCAG 2.1 Contrast

772D40	766558	73D538	10EF35	7DD36F
—	1.7 Fail	5.1 AA	6.0 AA	5.1 AA
1.7 Fail	—	3.0 Fail	3.6 AA Large	3.0 AA Large
5.1 AA	3.0 Fail	—	1.2 Fail	1.0 Fail
6.0 AA	3.6 AA Large	1.2 Fail	—	1.2 Fail
5.1 AA	3.0 AA Large	1.0 Fail	1.2 Fail	—

White BG

9.4AAA

5.6AA

1.9Fail

1.6Fail

1.8Fail

Black BG

2.2Fail

3.8AA Large

11.3AAA

13.4AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

57563B

6F6E5B

9D9E5E

717362

A2A387

Deuteranopia

5B613A

70715C

989067

64536D

9D978D

Tritanopia

733837

755E5E

787C83

1B868D

819A9F

Achromatopsia

454545

696969

A6A6A6

979797

AEAEAE

Shades & Tints Shades & Tints

#772D40

Dark

Light

#766558

Dark

Light

#73D538

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #772d40;
  --color-2: #766558;
  --color-3: #73d538;
  --color-4: #10ef35;
  --color-5: #7dd36f;
}

SCSS

$color-1: #772d40;
$color-2: #766558;
$color-3: #73d538;
$color-4: #10ef35;
$color-5: #7dd36f;

TAILWIND

colors: {
  'brand-1': '#772d40',
  'brand-2': '#766558',
  'brand-3': '#73d538',
  'brand-4': '#10ef35',
  'brand-5': '#7dd36f',
}

RGB Array

[119, 45, 64], [118, 101, 88], [115, 213, 56], [16, 239, 53], [125, 211, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #772D40, #766558, #73D538, #10EF35, #7DD36F 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: #772d40; --color-2: #766558; --color-3: #73d538; --color-4: #10ef35; --color-5: #7dd36f. 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