← Back to Editor

#B3B3B3 · #BF7343 · #941E49 · #5C1749 · #382332

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B3B3B3

Ash · DarkGray · Silver Sand

HEX
#B3B3B3
RGB
rgb(179, 179, 179)
HSL
hsl(0, 0%, 70%)
HSB
hsb(0, 0%, 70%)
CMYK
cmyk(0%, 0%, 0%, 30%)
Oklch
oklch(76.7% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BF7343

Tangerine · Chocolate · Warm Sun

HEX
#BF7343
RGB
rgb(191, 115, 67)
HSL
hsl(23, 49%, 51%)
HSB
hsb(23, 65%, 75%)
CMYK
cmyk(0%, 40%, 65%, 25%)
Oklch
oklch(62.9% 0.115 51.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#941E49

Dark Violet · Brown · Camellia

HEX
#941E49
RGB
rgb(148, 30, 73)
HSL
hsl(338, 66%, 35%)
HSB
hsb(338, 80%, 58%)
CMYK
cmyk(0%, 80%, 51%, 42%)
Oklch
oklch(44.6% 0.155 4.7)

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

#5C1749

Rose Purple · Purple · Eggplant

HEX
#5C1749
RGB
rgb(92, 23, 73)
HSL
hsl(317, 60%, 23%)
HSB
hsb(317, 75%, 36%)
CMYK
cmyk(0%, 75%, 21%, 64%)
Oklch
oklch(33.8% 0.116 340.9)

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

#382332

Rose Purple · DarkSlateGray · Dark Purple

HEX
#382332
RGB
rgb(56, 35, 50)
HSL
hsl(317, 23%, 18%)
HSB
hsb(317, 37%, 22%)
CMYK
cmyk(0%, 38%, 11%, 78%)
Oklch
oklch(28.8% 0.040 337.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3B3B3
B3B3B3

Analogous

B3B3B3
B3B3B3
B3B3B3

Triadic

B3B3B3
B3B3B3
B3B3B3

Split-Comp.

B3B3B3
B3B3B3
B3B3B3

Tetradic

B3B3B3
B3B3B3
B3B3B3
B3B3B3

Contrast Matrix WCAG 2.1 Contrast

B3B3B3
BF7343
941E49
5C1749
382332
—
1.7
Fail
3.9
AA Large
6.0
AA
6.9
AA
1.7
Fail
—
2.3
Fail
3.4
AA Large
4.0
AA Large
3.9
AA Large
2.3
Fail
—
1.5
Fail
1.7
Fail
6.0
AA
3.4
AA Large
1.5
Fail
—
1.2
Fail
6.9
AA
4.0
AA Large
1.7
Fail
1.2
Fail
—
White BG
2.1Fail
3.7AA Large
8.3AAA
12.5AAA
14.4AAA
Black BG
10.0AAA
5.7AA
2.5Fail
1.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3B3
9E9D4F
61603F
3E3E3D
2F2F2E

Deuteranopia

B3B3B3
A3A851
68713C
42473A
30322E

Tritanopia

B3B3B3
BB585A
8E3635
593331
372C2B

Achromatopsia

B3B3B3
848484
464646
313131
2B2B2B

Shades & Tints Shades & Tints

#B3B3B3

Dark
Light

#BF7343

Dark
Light

#941E49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3b3b3;
  --color-2: #bf7343;
  --color-3: #941e49;
  --color-4: #5c1749;
  --color-5: #382332;
}

SCSS

$color-1: #b3b3b3;
$color-2: #bf7343;
$color-3: #941e49;
$color-4: #5c1749;
$color-5: #382332;

TAILWIND

colors: {
  'brand-1': '#b3b3b3',
  'brand-2': '#bf7343',
  'brand-3': '#941e49',
  'brand-4': '#5c1749',
  'brand-5': '#382332',
}

RGB Array

[179, 179, 179], [191, 115, 67], [148, 30, 73], [92, 23, 73], [56, 35, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3B3B3, #BF7343, #941E49, #5C1749, #382332 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b3b3b3; --color-2: #bf7343; --color-3: #941e49; --color-4: #5c1749; --color-5: #382332. 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 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