#92C053 + #798553 + #1D1A2D + #652347 + #C1396B · 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

#92C053

Grass Green · DarkSeaGreen · Olive Green

HEX

#92C053

RGB

rgb(146, 192, 83)

HSL

hsl(85, 46%, 54%)

HSB

hsb(85, 57%, 75%)

CMYK

cmyk(24%, 0%, 57%, 25%)

Oklch

oklch(75.2% 0.147 128.6)

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

#798553

Grass Green · DimGray · Olive Green

HEX

#798553

RGB

rgb(121, 133, 83)

HSL

hsl(74, 23%, 42%)

HSB

hsb(74, 38%, 52%)

CMYK

cmyk(9%, 0%, 38%, 48%)

Oklch

oklch(59.4% 0.072 119.6)

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

#1D1A2D

Deep Indigo · Black · Deep Sea Blue

HEX

#1D1A2D

RGB

rgb(29, 26, 45)

HSL

hsl(249, 27%, 14%)

HSB

hsb(249, 42%, 18%)

CMYK

cmyk(36%, 42%, 0%, 82%)

Oklch

oklch(23.1% 0.036 290.5)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#652347

Rose Purple · DarkSlateGray · Camellia

HEX

#652347

RGB

rgb(101, 35, 71)

HSL

hsl(327, 49%, 27%)

HSB

hsb(327, 65%, 40%)

CMYK

cmyk(0%, 65%, 30%, 60%)

Oklch

oklch(36.7% 0.104 349.6)

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

#C1396B

Dark Violet · MediumVioletRed · Camellia

HEX

#C1396B

RGB

rgb(193, 57, 107)

HSL

hsl(338, 54%, 49%)

HSB

hsb(338, 70%, 76%)

CMYK

cmyk(0%, 70%, 45%, 24%)

Oklch

oklch(55.8% 0.176 2.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92C053

8154C0

Analogous

C0B754

92C053

5DC054

Triadic

92C053

5493C0

C05493

Split-Comp.

92C053

545DC0

B754C0

Tetradic

92C053

54C0B7

8154C0

C0545D

Contrast Matrix WCAG 2.1 Contrast

92C053	798553	1D1A2D	652347	C1396B
—	1.9 Fail	8.0 AAA	5.2 AA	2.4 Fail
1.9 Fail	—	4.3 AA Large	2.8 Fail	1.3 Fail
8.0 AAA	4.3 AA Large	—	1.5 Fail	3.3 AA Large
5.2 AA	2.8 Fail	1.5 Fail	—	2.2 Fail
2.4 Fail	1.3 Fail	3.3 AA Large	2.2 Fail	—

White BG

2.1Fail

4.0AA Large

17.0AAA

11.1AAA

5.2AA

Black BG

9.9AAA

5.3AA

1.2Fail

1.9Fail

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A66D

7E7E5F

1C1C28

48483E

86855F

Deuteranopia

A3A074

7E7D62

1C1C27

4C513C

8E985C

Tritanopia

948287

7A696B

1D2524

623736

BA5553

Achromatopsia

A6A6A6

7C7C7C

1D1D1D

3B3B3B

676767

Shades & Tints Shades & Tints

#92C053

Dark

Light

#798553

Dark

Light

#1D1A2D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92c053;
  --color-2: #798553;
  --color-3: #1d1a2d;
  --color-4: #652347;
  --color-5: #c1396b;
}

SCSS

$color-1: #92c053;
$color-2: #798553;
$color-3: #1d1a2d;
$color-4: #652347;
$color-5: #c1396b;

TAILWIND

colors: {
  'brand-1': '#92c053',
  'brand-2': '#798553',
  'brand-3': '#1d1a2d',
  'brand-4': '#652347',
  'brand-5': '#c1396b',
}

RGB Array

[146, 192, 83], [121, 133, 83], [29, 26, 45], [101, 35, 71], [193, 57, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #92C053, #798553, #1D1A2D, #652347, #C1396B 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: #92c053; --color-2: #798553; --color-3: #1d1a2d; --color-4: #652347; --color-5: #c1396b. 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