← Back to Editor

#2D292B · #443860 · #6D3C67 · #974B62 · #BFBDA1

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 ThemeCorporateData Visualization

Color Details Color Details

#2D292B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2D292B
RGB
rgb(45, 41, 43)
HSL
hsl(330, 5%, 17%)
HSB
hsb(330, 9%, 18%)
CMYK
cmyk(0%, 9%, 4%, 82%)
Oklch
oklch(28.6% 0.007 345.8)

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

#443860

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#443860
RGB
rgb(68, 56, 96)
HSL
hsl(258, 26%, 30%)
HSB
hsb(258, 42%, 38%)
CMYK
cmyk(29%, 42%, 0%, 62%)
Oklch
oklch(37.2% 0.068 296.8)

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

#6D3C67

Rose Purple · DimGray · Eggplant

HEX
#6D3C67
RGB
rgb(109, 60, 103)
HSL
hsl(307, 29%, 33%)
HSB
hsb(307, 45%, 43%)
CMYK
cmyk(0%, 45%, 6%, 57%)
Oklch
oklch(43.3% 0.092 331.6)

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

#974B62

Dark Violet · Sienna · Camellia

HEX
#974B62
RGB
rgb(151, 75, 98)
HSL
hsl(342, 34%, 44%)
HSB
hsb(342, 50%, 59%)
CMYK
cmyk(0%, 50%, 35%, 41%)
Oklch
oklch(51.3% 0.105 2.2)

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

#BFBDA1

Fresh Green · Tan · Sunflower

HEX
#BFBDA1
RGB
rgb(191, 189, 161)
HSL
hsl(56, 19%, 69%)
HSB
hsb(56, 16%, 75%)
CMYK
cmyk(0%, 1%, 16%, 25%)
Oklch
oklch(79.2% 0.038 103.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D292B
292E2B

Analogous

2E292E
2D292B
2E2929

Triadic

2D292B
2B2E29
292B2E

Split-Comp.

2D292B
292E29
292E2E

Tetradic

2D292B
2E2E29
292E2B
29292E

Contrast Matrix WCAG 2.1 Contrast

2D292B
443860
6D3C67
974B62
BFBDA1
—
1.4
Fail
1.7
Fail
2.4
Fail
7.5
AAA
1.4
Fail
—
1.3
Fail
1.8
Fail
5.6
AA
1.7
Fail
1.3
Fail
—
1.4
Fail
4.4
AA Large
2.4
Fail
1.8
Fail
1.4
Fail
—
3.1
AA Large
7.5
AAA
5.6
AA
4.4
AA Large
3.1
AA Large
—
White BG
14.3AAA
10.6AAA
8.4AAA
6.0AA
1.9Fail
Black BG
1.5Fail
2.0Fail
2.5Fail
3.5AA Large
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B2B
3F3F56
58575D
76755C
BEBEA8

Deuteranopia

2C2C2A
404054
5B5E5A
7B805B
BEBEA9

Tritanopia

2D2A2A
434F4D
6B5453
935857
BFADAE

Achromatopsia

2A2A2A
404040
505050
646464
BABABA

Shades & Tints Shades & Tints

#2D292B

Dark
Light

#443860

Dark
Light

#6D3C67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d292b;
  --color-2: #443860;
  --color-3: #6d3c67;
  --color-4: #974b62;
  --color-5: #bfbda1;
}

SCSS

$color-1: #2d292b;
$color-2: #443860;
$color-3: #6d3c67;
$color-4: #974b62;
$color-5: #bfbda1;

TAILWIND

colors: {
  'brand-1': '#2d292b',
  'brand-2': '#443860',
  'brand-3': '#6d3c67',
  'brand-4': '#974b62',
  'brand-5': '#bfbda1',
}

RGB Array

[45, 41, 43], [68, 56, 96], [109, 60, 103], [151, 75, 98], [191, 189, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D292B, #443860, #6D3C67, #974B62, #BFBDA1 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #2d292b; --color-2: #443860; --color-3: #6d3c67; --color-4: #974b62; --color-5: #bfbda1. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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