← Back to Editor

#2B211F · #39282E · #595345 · #867561 · #BD1218

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#2B211F

Crimson · Black · Deep Berry

HEX
#2B211F
RGB
rgb(43, 33, 31)
HSL
hsl(10, 16%, 15%)
HSB
hsb(10, 28%, 17%)
CMYK
cmyk(0%, 23%, 28%, 83%)
Oklch
oklch(25.9% 0.016 31.3)

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

#39282E

Dark Violet · DarkSlateGray · Raspberry

HEX
#39282E
RGB
rgb(57, 40, 46)
HSL
hsl(339, 18%, 19%)
HSB
hsb(339, 30%, 22%)
CMYK
cmyk(0%, 30%, 19%, 78%)
Oklch
oklch(29.9% 0.027 355.9)

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

#595345

Ochre · DarkOliveGreen · Honey Gold

HEX
#595345
RGB
rgb(89, 83, 69)
HSL
hsl(42, 13%, 31%)
HSB
hsb(42, 22%, 35%)
CMYK
cmyk(0%, 7%, 22%, 65%)
Oklch
oklch(44.4% 0.023 87.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#867561

Ochre · DimGray · Amber Brown

HEX
#867561
RGB
rgb(134, 117, 97)
HSL
hsl(32, 16%, 45%)
HSB
hsb(32, 28%, 53%)
CMYK
cmyk(0%, 13%, 28%, 47%)
Oklch
oklch(57.3% 0.036 71.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#BD1218

Vermilion · FireBrick · Passion Red

HEX
#BD1218
RGB
rgb(189, 18, 24)
HSL
hsl(358, 83%, 41%)
HSB
hsb(358, 90%, 74%)
CMYK
cmyk(0%, 90%, 87%, 26%)
Oklch
oklch(50.8% 0.199 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B211F
202A2C

Analogous

2C2024
2B211F
2C2820

Triadic

2B211F
202C22
22202C

Split-Comp.

2B211F
202C28
20242C

Tetradic

2B211F
242C20
202A2C
28202C

Contrast Matrix WCAG 2.1 Contrast

2B211F
39282E
595345
867561
BD1218
—
1.1
Fail
2.1
Fail
3.5
AA Large
2.4
Fail
1.1
Fail
—
1.8
Fail
3.1
AA Large
2.2
Fail
2.1
Fail
1.8
Fail
—
1.7
Fail
1.2
Fail
3.5
AA Large
3.1
AA Large
1.7
Fail
—
1.4
Fail
2.4
Fail
2.2
Fail
1.2
Fail
1.4
Fail
—
White BG
15.7AAA
13.8AAA
7.6AAA
4.4AA Large
6.4AA
Black BG
1.3Fail
1.5Fail
2.7Fail
4.7AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

27271F
32312D
565648
7F7E66
737117

Deuteranopia

272820
33342C
575749
808167
7D8A16

Tritanopia

2B2020
382B2B
594B4C
856A6B
B41515

Achromatopsia

242424
2E2E2E
535353
787878
464646

Shades & Tints Shades & Tints

#2B211F

Dark
Light

#39282E

Dark
Light

#595345

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b211f;
  --color-2: #39282e;
  --color-3: #595345;
  --color-4: #867561;
  --color-5: #bd1218;
}

SCSS

$color-1: #2b211f;
$color-2: #39282e;
$color-3: #595345;
$color-4: #867561;
$color-5: #bd1218;

TAILWIND

colors: {
  'brand-1': '#2b211f',
  'brand-2': '#39282e',
  'brand-3': '#595345',
  'brand-4': '#867561',
  'brand-5': '#bd1218',
}

RGB Array

[43, 33, 31], [57, 40, 46], [89, 83, 69], [134, 117, 97], [189, 18, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B211F, #39282E, #595345, #867561, #BD1218 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: #2b211f; --color-2: #39282e; --color-3: #595345; --color-4: #867561; --color-5: #bd1218. 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