#92BD51 + #49AB7D + #347491 + #5D1961 + #400B34 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#92BD51

Grass Green · DarkSeaGreen · Olive Green

HEX

#92BD51

RGB

rgb(146, 189, 81)

HSL

hsl(84, 45%, 53%)

HSB

hsb(84, 57%, 74%)

CMYK

cmyk(23%, 0%, 57%, 26%)

Oklch

oklch(74.5% 0.145 127.7)

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

#49AB7D

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#49AB7D

RGB

rgb(73, 171, 125)

HSL

hsl(152, 40%, 48%)

HSB

hsb(152, 57%, 67%)

CMYK

cmyk(57%, 0%, 27%, 33%)

Oklch

oklch(67.0% 0.116 160.4)

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

#347491

Slate Blue · SteelBlue · Mint Ice

HEX

#347491

RGB

rgb(52, 116, 145)

HSL

hsl(199, 47%, 39%)

HSB

hsb(199, 64%, 57%)

CMYK

cmyk(64%, 20%, 0%, 43%)

Oklch

oklch(53.0% 0.079 230.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5D1961

Royal Purple · Purple · Eggplant

HEX

#5D1961

RGB

rgb(93, 25, 97)

HSL

hsl(297, 59%, 24%)

HSB

hsb(297, 74%, 38%)

CMYK

cmyk(4%, 74%, 0%, 62%)

Oklch

oklch(35.6% 0.134 325.6)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#400B34

Rose Purple · MidnightBlue · Dark Purple

HEX

#400B34

RGB

rgb(64, 11, 52)

HSL

hsl(314, 71%, 15%)

HSB

hsb(314, 83%, 25%)

CMYK

cmyk(0%, 83%, 19%, 75%)

Oklch

oklch(26.3% 0.096 338.7)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92BD51

7C51BD

Analogous

BDB251

92BD51

5CBD51

Triadic

92BD51

5192BD

BD5192

Split-Comp.

92BD51

515CBD

B251BD

Tetradic

92BD51

51BDB2

7C51BD

BD515C

Contrast Matrix WCAG 2.1 Contrast

92BD51	49AB7D	347491	5D1961	400B34
—	1.3 Fail	2.4 Fail	5.4 AA	7.3 AAA
1.3 Fail	—	1.8 Fail	4.2 AA Large	5.6 AA
2.4 Fail	1.8 Fail	—	2.3 Fail	3.1 AA Large
5.4 AA	4.2 AA Large	2.3 Fail	—	1.4 Fail
7.3 AAA	5.6 AA	3.1 AA Large	1.4 Fail	—

White BG

2.2Fail

2.8Fail

5.2AA

11.8AAA

16.0AAA

Black BG

9.6AAA

7.4AAA

4.1AA Large

1.8Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A56B

737488

50508A

403F50

29292A

Deuteranopia

A29F71

6E668B

4C4788

44494B

2C3028

Tritanopia

948084

4E9193

378483

5A423F

3D2221

Achromatopsia

A4A4A4

888888

646464

363636

202020

Shades & Tints Shades & Tints

#92BD51

Dark

Light

#49AB7D

Dark

Light

#347491

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92bd51;
  --color-2: #49ab7d;
  --color-3: #347491;
  --color-4: #5d1961;
  --color-5: #400b34;
}

SCSS

$color-1: #92bd51;
$color-2: #49ab7d;
$color-3: #347491;
$color-4: #5d1961;
$color-5: #400b34;

TAILWIND

colors: {
  'brand-1': '#92bd51',
  'brand-2': '#49ab7d',
  'brand-3': '#347491',
  'brand-4': '#5d1961',
  'brand-5': '#400b34',
}

RGB Array

[146, 189, 81], [73, 171, 125], [52, 116, 145], [93, 25, 97], [64, 11, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #92BD51, #49AB7D, #347491, #5D1961, #400B34 is ideal for: tech websites, dark mode UIs, game UIs. 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: #92bd51; --color-2: #49ab7d; --color-3: #347491; --color-4: #5d1961; --color-5: #400b34. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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