#411B35 + #1E3B48 + #182A35 + #8EA037 + #271020 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#411B35

Rose Purple · DarkSlateGray · Dark Purple

HEX

#411B35

RGB

rgb(65, 27, 53)

HSL

hsl(319, 41%, 18%)

HSB

hsb(319, 58%, 25%)

CMYK

cmyk(0%, 58%, 18%, 75%)

Oklch

oklch(28.8% 0.070 340.9)

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

#1E3B48

Slate Blue · DarkSlateGray · Peacock Green

HEX

#1E3B48

RGB

rgb(30, 59, 72)

HSL

hsl(199, 41%, 20%)

HSB

hsb(199, 58%, 28%)

CMYK

cmyk(58%, 18%, 0%, 72%)

Oklch

oklch(33.6% 0.042 228.9)

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

#182A35

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX

#182A35

RGB

rgb(24, 42, 53)

HSL

hsl(203, 38%, 15%)

HSB

hsb(203, 55%, 21%)

CMYK

cmyk(55%, 21%, 0%, 79%)

Oklch

oklch(27.5% 0.031 236.4)

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

#8EA037

Grass Green · Olive · Olive Green

HEX

#8EA037

RGB

rgb(142, 160, 55)

HSL

hsl(70, 49%, 42%)

HSB

hsb(70, 66%, 63%)

CMYK

cmyk(11%, 0%, 66%, 37%)

Oklch

oklch(67.1% 0.131 118.4)

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

#271020

Rose Purple · Black · Dark Purple

HEX

#271020

RGB

rgb(39, 16, 32)

HSL

hsl(318, 42%, 11%)

HSB

hsb(318, 59%, 15%)

CMYK

cmyk(0%, 59%, 18%, 85%)

Oklch

oklch(21.4% 0.046 339.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

411B35

1B4127

Analogous

3A1B41

411B35

411B22

Triadic

411B35

35411B

1B3541

Split-Comp.

411B35

22411B

1B413A

Tetradic

411B35

413A1B

1B4127

1B2241

Contrast Matrix WCAG 2.1 Contrast

411B35	1E3B48	182A35	8EA037	271020
—	1.2 Fail	1.0 Fail	5.0 AA	1.2 Fail
1.2 Fail	—	1.2 Fail	4.1 AA Large	1.5 Fail
1.0 Fail	1.2 Fail	—	5.1 AA	1.2 Fail
5.0 AA	4.1 AA Large	5.1 AA	—	6.1 AA
1.2 Fail	1.5 Fail	1.2 Fail	6.1 AA	—

White BG

14.7AAA

11.8AAA

14.8AAA

2.9Fail

17.8AAA

Black BG

1.4Fail

1.8Fail

1.4Fail

7.2AAA

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

31302F

2B2B45

202032

969650

1D1D1C

Deuteranopia

33362D

292744

1F1D32

959357

1E201B

Tritanopia

3F2A29

1F4242

193030

8F6469

261918

Achromatopsia

292929

343434

262626

8F8F8F

191919

Shades & Tints Shades & Tints

#411B35

Dark

Light

#1E3B48

Dark

Light

#182A35

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #411b35;
  --color-2: #1e3b48;
  --color-3: #182a35;
  --color-4: #8ea037;
  --color-5: #271020;
}

SCSS

$color-1: #411b35;
$color-2: #1e3b48;
$color-3: #182a35;
$color-4: #8ea037;
$color-5: #271020;

TAILWIND

colors: {
  'brand-1': '#411b35',
  'brand-2': '#1e3b48',
  'brand-3': '#182a35',
  'brand-4': '#8ea037',
  'brand-5': '#271020',
}

RGB Array

[65, 27, 53], [30, 59, 72], [24, 42, 53], [142, 160, 55], [39, 16, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #411B35, #1E3B48, #182A35, #8EA037, #271020 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: #411b35; --color-2: #1e3b48; --color-3: #182a35; --color-4: #8ea037; --color-5: #271020. 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 general-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