#2E5975 + #264961 + #172C3B + #0E1B24 + #AEFF00 · 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

#2E5975

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#2E5975

RGB

rgb(46, 89, 117)

HSL

hsl(204, 44%, 32%)

HSB

hsb(204, 61%, 46%)

CMYK

cmyk(61%, 24%, 0%, 54%)

Oklch

oklch(44.6% 0.067 239.2)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#264961

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#264961

RGB

rgb(38, 73, 97)

HSL

hsl(204, 44%, 26%)

HSB

hsb(204, 61%, 38%)

CMYK

cmyk(61%, 25%, 0%, 62%)

Oklch

oklch(39.0% 0.058 240.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#172C3B

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX

#172C3B

RGB

rgb(23, 44, 59)

HSL

hsl(205, 44%, 16%)

HSB

hsb(205, 61%, 23%)

CMYK

cmyk(61%, 25%, 0%, 77%)

Oklch

oklch(28.3% 0.039 241.1)

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

#0E1B24

Slate Blue · Black · Deep Sea Blue

HEX

#0E1B24

RGB

rgb(14, 27, 36)

HSL

hsl(205, 44%, 10%)

HSB

hsb(205, 61%, 14%)

CMYK

cmyk(61%, 25%, 0%, 86%)

Oklch

oklch(21.5% 0.026 239.7)

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

#AEFF00

Grass Green · Chartreuse · Olive Green

HEX

#AEFF00

RGB

rgb(174, 255, 0)

HSL

hsl(79, 100%, 50%)

HSB

hsb(79, 100%, 100%)

CMYK

cmyk(32%, 0%, 100%, 0%)

Oklch

oklch(91.3% 0.243 129.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E5975

764A2E

Analogous

2E766E

2E5975

2E3576

Triadic

2E5975

762E59

59762E

Split-Comp.

2E5975

762E35

766E2E

Tetradic

2E5975

6E2E76

764A2E

35762E

Contrast Matrix WCAG 2.1 Contrast

2E5975	264961	172C3B	0E1B24	AEFF00
—	1.3 Fail	1.9 Fail	2.3 Fail	6.1 AA
1.3 Fail	—	1.5 Fail	1.8 Fail	7.7 AAA
1.9 Fail	1.5 Fail	—	1.2 Fail	11.7 AAA
2.3 Fail	1.8 Fail	1.2 Fail	—	14.2 AAA
6.1 AA	7.7 AAA	11.7 AAA	14.2 AAA	—

White BG

7.5AAA

9.5AAA

14.4AAA

17.5AAA

1.2Fail

Black BG

2.8Fail

2.2Fail

1.5Fail

1.2Fail

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

41416E

35355B

202037

141422

D1D23E

Deuteranopia

3E3B6D

33315A

1F1D37

131221

CCC64D

Tritanopia

306968

285756

183534

0F2020

B26E79

Achromatopsia

4F4F4F

414141

272727

181818

CACACA

Shades & Tints Shades & Tints

#2E5975

Dark

Light

#264961

Dark

Light

#172C3B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e5975;
  --color-2: #264961;
  --color-3: #172c3b;
  --color-4: #0e1b24;
  --color-5: #aeff00;
}

SCSS

$color-1: #2e5975;
$color-2: #264961;
$color-3: #172c3b;
$color-4: #0e1b24;
$color-5: #aeff00;

TAILWIND

colors: {
  'brand-1': '#2e5975',
  'brand-2': '#264961',
  'brand-3': '#172c3b',
  'brand-4': '#0e1b24',
  'brand-5': '#aeff00',
}

RGB Array

[46, 89, 117], [38, 73, 97], [23, 44, 59], [14, 27, 36], [174, 255, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #2E5975, #264961, #172C3B, #0E1B24, #AEFF00 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: #2e5975; --color-2: #264961; --color-3: #172c3b; --color-4: #0e1b24; --color-5: #aeff00. 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