#00FF2E + #216643 + #19353C + #291F2B + #3B333E · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#00FF2E

Pine Green · Lime · Olive Green

HEX

#00FF2E

RGB

rgb(0, 255, 46)

HSL

hsl(131, 100%, 50%)

HSB

hsb(131, 100%, 100%)

CMYK

cmyk(100%, 0%, 82%, 0%)

Oklch

oklch(86.8% 0.286 143.5)

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

#216643

Mineral Blue · DarkSlateGray · Forest Green

HEX

#216643

RGB

rgb(33, 102, 67)

HSL

hsl(150, 51%, 26%)

HSB

hsb(150, 68%, 40%)

CMYK

cmyk(68%, 0%, 34%, 60%)

Oklch

oklch(45.7% 0.090 157.5)

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

#19353C

Slate Blue · DarkSlateGray · Peacock Green

HEX

#19353C

RGB

rgb(25, 53, 60)

HSL

hsl(192, 41%, 17%)

HSB

hsb(192, 58%, 24%)

CMYK

cmyk(58%, 12%, 0%, 76%)

Oklch

oklch(31.0% 0.036 215.9)

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

#291F2B

Dark Plum · DarkSlateGray · Dark Purple

HEX

#291F2B

RGB

rgb(41, 31, 43)

HSL

hsl(290, 16%, 15%)

HSB

hsb(290, 28%, 17%)

CMYK

cmyk(5%, 28%, 0%, 83%)

Oklch

oklch(25.6% 0.026 320.7)

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

#3B333E

Dark Plum · DarkSlateGray · Eggplant

HEX

#3B333E

RGB

rgb(59, 51, 62)

HSL

hsl(284, 10%, 22%)

HSB

hsb(284, 18%, 24%)

CMYK

cmyk(5%, 18%, 0%, 76%)

Oklch

oklch(33.4% 0.022 316.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FF2E

FF00D0

Analogous

51FF00

00FF2E

00FFAE

Triadic

00FF2E

2F00FF

FF2F00

Split-Comp.

00FF2E

AE00FF

FF0051

Tetradic

00FF2E

0051FF

FF00D0

FFAE00

Contrast Matrix WCAG 2.1 Contrast

00FF2E	216643	19353C	291F2B	3B333E
—	5.0 AA	9.5 AAA	11.6 AAA	8.9 AAA
5.0 AA	—	1.9 Fail	2.3 Fail	1.8 Fail
9.5 AAA	1.9 Fail	—	1.2 Fail	1.1 Fail
11.6 AAA	2.3 Fail	1.2 Fail	—	1.3 Fail
8.9 AAA	1.8 Fail	1.1 Fail	1.3 Fail	—

White BG

1.4Fail

6.9AA

13.0AAA

15.8AAA

12.1AAA

Black BG

15.3AAA

3.0AA Large

1.6Fail

1.3Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E7161

3F3F4B

25253A

252528

38373B

Deuteranopia

604D6D

3B364E

24213A

252627

38393B

Tritanopia

0D8891

245254

1A3939

282625

3B3939

Achromatopsia

9B9B9B

4D4D4D

2D2D2D

232323

373737

Shades & Tints Shades & Tints

#00FF2E

Dark

Light

#216643

Dark

Light

#19353C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ff2e;
  --color-2: #216643;
  --color-3: #19353c;
  --color-4: #291f2b;
  --color-5: #3b333e;
}

SCSS

$color-1: #00ff2e;
$color-2: #216643;
$color-3: #19353c;
$color-4: #291f2b;
$color-5: #3b333e;

TAILWIND

colors: {
  'brand-1': '#00ff2e',
  'brand-2': '#216643',
  'brand-3': '#19353c',
  'brand-4': '#291f2b',
  'brand-5': '#3b333e',
}

RGB Array

[0, 255, 46], [33, 102, 67], [25, 53, 60], [41, 31, 43], [59, 51, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #00FF2E, #216643, #19353C, #291F2B, #3B333E 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: #00ff2e; --color-2: #216643; --color-3: #19353c; --color-4: #291f2b; --color-5: #3b333e. 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 luxury-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