#300B2F + #234653 + #0C6358 + #408B3C + #73B320 · 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

#300B2F

Rose Purple · Black · Dark Purple

HEX

#300B2F

RGB

rgb(48, 11, 47)

HSL

hsl(302, 63%, 12%)

HSB

hsb(302, 77%, 19%)

CMYK

cmyk(0%, 77%, 2%, 81%)

Oklch

oklch(23.1% 0.080 328.9)

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

#234653

Slate Blue · DarkSlateGray · Peacock Green

HEX

#234653

RGB

rgb(35, 70, 83)

HSL

hsl(196, 41%, 23%)

HSB

hsb(196, 58%, 33%)

CMYK

cmyk(58%, 16%, 0%, 67%)

Oklch

oklch(37.4% 0.046 224.4)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0C6358

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#0C6358

RGB

rgb(12, 99, 88)

HSL

hsl(172, 78%, 22%)

HSB

hsb(172, 88%, 39%)

CMYK

cmyk(88%, 0%, 11%, 61%)

Oklch

oklch(45.0% 0.077 181.5)

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

#408B3C

Celadon · SeaGreen · Forest Green

HEX

#408B3C

RGB

rgb(64, 139, 60)

HSL

hsl(117, 40%, 39%)

HSB

hsb(117, 57%, 55%)

CMYK

cmyk(54%, 0%, 57%, 45%)

Oklch

oklch(57.0% 0.137 142.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#73B320

Grass Green · Olive · Olive Green

HEX

#73B320

RGB

rgb(115, 179, 32)

HSL

hsl(86, 70%, 41%)

HSB

hsb(86, 82%, 70%)

CMYK

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

Oklch

oklch(69.7% 0.181 131.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

300B2F

0B320D

Analogous

200B32

300B2F

320B1D

Triadic

300B2F

31320B

0B3132

Split-Comp.

300B2F

1D320B

0B3220

Tetradic

300B2F

32200B

0B320D

0B1D32

Contrast Matrix WCAG 2.1 Contrast

300B2F	234653	0C6358	408B3C	73B320
—	1.7 Fail	2.4 Fail	4.1 AA Large	6.7 AA
1.7 Fail	—	1.4 Fail	2.4 Fail	4.0 AA Large
2.4 Fail	1.4 Fail	—	1.7 Fail	2.8 Fail
4.1 AA Large	2.4 Fail	1.7 Fail	—	1.6 Fail
6.7 AA	4.0 AA Large	2.8 Fail	1.6 Fail	—

White BG

17.3AAA

10.1AAA

7.1AAA

4.2AA Large

2.6Fail

Black BG

1.2Fail

2.1Fail

2.9Fail

5.0AA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

202026

323250

32325B

60614F

8F8F44

Deuteranopia

222524

302E4F

2D265B

5C5754

8B864C

Tritanopia

2E1F1E

254D4D

105D5D

445E62

766066

Achromatopsia

1A1A1A

3D3D3D

484848

6C6C6C

8F8F8F

Shades & Tints Shades & Tints

#300B2F

Dark

Light

#234653

Dark

Light

#0C6358

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #300b2f;
  --color-2: #234653;
  --color-3: #0c6358;
  --color-4: #408b3c;
  --color-5: #73b320;
}

SCSS

$color-1: #300b2f;
$color-2: #234653;
$color-3: #0c6358;
$color-4: #408b3c;
$color-5: #73b320;

TAILWIND

colors: {
  'brand-1': '#300b2f',
  'brand-2': '#234653',
  'brand-3': '#0c6358',
  'brand-4': '#408b3c',
  'brand-5': '#73b320',
}

RGB Array

[48, 11, 47], [35, 70, 83], [12, 99, 88], [64, 139, 60], [115, 179, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #300B2F, #234653, #0C6358, #408B3C, #73B320 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: #300b2f; --color-2: #234653; --color-3: #0c6358; --color-4: #408b3c; --color-5: #73b320. 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