#3D1B34 + #48091C + #114131 + #647322 + #D76241 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3D1B34

Rose Purple · DarkSlateGray · Dark Purple

HEX

#3D1B34

RGB

rgb(61, 27, 52)

HSL

hsl(316, 39%, 17%)

HSB

hsb(316, 56%, 24%)

CMYK

cmyk(0%, 56%, 15%, 76%)

Oklch

oklch(28.1% 0.065 338.2)

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

#48091C

Dark Violet · Maroon · Raspberry

HEX

#48091C

RGB

rgb(72, 9, 28)

HSL

hsl(342, 78%, 16%)

HSB

hsb(342, 88%, 28%)

CMYK

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

Oklch

oklch(26.7% 0.093 9.0)

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

#114131

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#114131

RGB

rgb(17, 65, 49)

HSL

hsl(160, 59%, 16%)

HSB

hsb(160, 74%, 25%)

CMYK

cmyk(74%, 0%, 25%, 75%)

Oklch

oklch(33.8% 0.059 167.1)

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

#647322

Grass Green · DarkOliveGreen · Forest Green

HEX

#647322

RGB

rgb(100, 115, 34)

HSL

hsl(71, 54%, 29%)

HSB

hsb(71, 70%, 45%)

CMYK

cmyk(13%, 0%, 70%, 55%)

Oklch

oklch(52.6% 0.106 119.3)

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

#D76241

Vermilion · Chocolate · Passion Red

HEX

#D76241

RGB

rgb(215, 98, 65)

HSL

hsl(13, 65%, 55%)

HSB

hsb(13, 70%, 84%)

CMYK

cmyk(0%, 54%, 70%, 16%)

Oklch

oklch(63.4% 0.155 36.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D1B34

1A3C23

Analogous

341A3C

3D1B34

3C1A22

Triadic

3D1B34

333C1A

1A333C

Split-Comp.

3D1B34

223C1A

1A3C34

Tetradic

3D1B34

3C341A

1A3C23

1A223C

Contrast Matrix WCAG 2.1 Contrast

3D1B34	48091C	114131	647322	D76241
—	1.1 Fail	1.3 Fail	2.9 Fail	4.1 AA Large
1.1 Fail	—	1.4 Fail	3.0 AA Large	4.3 AA Large
1.3 Fail	1.4 Fail	—	2.2 Fail	3.1 AA Large
2.9 Fail	3.0 AA Large	2.2 Fail	—	1.4 Fail
4.1 AA Large	4.3 AA Large	3.1 AA Large	1.4 Fail	—

White BG

14.9AAA

15.8AAA

11.5AAA

5.2AA

3.7AA Large

Black BG

1.4Fail

1.3Fail

1.8Fail

4.0AA Large

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E2E

2D2C17

262635

6A6B36

A4A349

Deuteranopia

30332D

303516

231F36

6A693A

ABB44B

Tritanopia

3B2928

451413

133839

654548

D14F51

Achromatopsia

282828

1E1E1E

313131

656565

818181

Shades & Tints Shades & Tints

#3D1B34

Dark

Light

#48091C

Dark

Light

#114131

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d1b34;
  --color-2: #48091c;
  --color-3: #114131;
  --color-4: #647322;
  --color-5: #d76241;
}

SCSS

$color-1: #3d1b34;
$color-2: #48091c;
$color-3: #114131;
$color-4: #647322;
$color-5: #d76241;

TAILWIND

colors: {
  'brand-1': '#3d1b34',
  'brand-2': '#48091c',
  'brand-3': '#114131',
  'brand-4': '#647322',
  'brand-5': '#d76241',
}

RGB Array

[61, 27, 52], [72, 9, 28], [17, 65, 49], [100, 115, 34], [215, 98, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D1B34, #48091C, #114131, #647322, #D76241 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: #3d1b34; --color-2: #48091c; --color-3: #114131; --color-4: #647322; --color-5: #d76241. 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