← Back to Editor

#3B2420 · #39159B · #382E22 · #363029 · #33312F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#3B2420

Crimson · DarkSlateGray · Deep Berry

HEX
#3B2420
RGB
rgb(59, 36, 32)
HSL
hsl(9, 30%, 18%)
HSB
hsb(9, 46%, 23%)
CMYK
cmyk(0%, 39%, 46%, 77%)
Oklch
oklch(28.8% 0.036 30.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#39159B

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#39159B
RGB
rgb(57, 21, 155)
HSL
hsl(256, 76%, 35%)
HSB
hsb(256, 86%, 61%)
CMYK
cmyk(63%, 86%, 0%, 39%)
Oklch
oklch(35.9% 0.192 283.2)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#382E22

Ochre · DarkSlateGray · Cinnamon

HEX
#382E22
RGB
rgb(56, 46, 34)
HSL
hsl(33, 24%, 18%)
HSB
hsb(33, 39%, 22%)
CMYK
cmyk(0%, 18%, 39%, 78%)
Oklch
oklch(30.8% 0.025 71.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#363029

Ochre · DarkSlateGray · Cinnamon

HEX
#363029
RGB
rgb(54, 48, 41)
HSL
hsl(32, 14%, 19%)
HSB
hsb(32, 24%, 21%)
CMYK
cmyk(0%, 11%, 24%, 79%)
Oklch
oklch(31.3% 0.015 71.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#33312F

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#33312F
RGB
rgb(51, 49, 47)
HSL
hsl(30, 4%, 19%)
HSB
hsb(30, 8%, 20%)
CMYK
cmyk(0%, 4%, 8%, 80%)
Oklch
oklch(31.5% 0.005 67.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B2420
20383C

Analogous

3C202A
3B2420
3C3220

Triadic

3B2420
203C24
24203C

Split-Comp.

3B2420
203C32
202A3C

Tetradic

3B2420
2A3C20
20383C
32203C

Contrast Matrix WCAG 2.1 Contrast

3B2420
39159B
382E22
363029
33312F
—
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
14.4AAA
12.0AAA
13.3AAA
13.0AAA
13.0AAA
Black BG
1.5Fail
1.8Fail
1.6Fail
1.6Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

313121
29297B
343425
33332B
32322F

Deuteranopia

323421
2C2E73
343526
34342B
323230

Tritanopia

3A2222
37615B
372728
362C2C
333030

Achromatopsia

2A2A2A
2F2F2F
303030
313131
313131

Shades & Tints Shades & Tints

#3B2420

Dark
Light

#39159B

Dark
Light

#382E22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b2420;
  --color-2: #39159b;
  --color-3: #382e22;
  --color-4: #363029;
  --color-5: #33312f;
}

SCSS

$color-1: #3b2420;
$color-2: #39159b;
$color-3: #382e22;
$color-4: #363029;
$color-5: #33312f;

TAILWIND

colors: {
  'brand-1': '#3b2420',
  'brand-2': '#39159b',
  'brand-3': '#382e22',
  'brand-4': '#363029',
  'brand-5': '#33312f',
}

RGB Array

[59, 36, 32], [57, 21, 155], [56, 46, 34], [54, 48, 41], [51, 49, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B2420, #39159B, #382E22, #363029, #33312F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3b2420; --color-2: #39159b; --color-3: #382e22; --color-4: #363029; --color-5: #33312f. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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