← Back to Editor

#3D292A · #060000 · #B59892 · #845A5E · #351E24

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

#3D292A

Crimson · DarkSlateGray · Deep Berry

HEX
#3D292A
RGB
rgb(61, 41, 42)
HSL
hsl(357, 20%, 20%)
HSB
hsb(357, 33%, 24%)
CMYK
cmyk(0%, 33%, 31%, 76%)
Oklch
oklch(30.5% 0.030 15.7)

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

#060000

Vermilion · Black · Deep Berry

HEX
#060000
RGB
rgb(6, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 2%)
CMYK
cmyk(0%, 100%, 100%, 98%)
Oklch
oklch(7.7% 0.031 29.2)

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

#B59892

Peach Pink · DarkGray · Coral Red

HEX
#B59892
RGB
rgb(181, 152, 146)
HSL
hsl(10, 19%, 64%)
HSB
hsb(10, 19%, 71%)
CMYK
cmyk(0%, 16%, 19%, 29%)
Oklch
oklch(70.4% 0.036 31.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#845A5E

Crimson · DimGray · Passion Red

HEX
#845A5E
RGB
rgb(132, 90, 94)
HSL
hsl(354, 19%, 44%)
HSB
hsb(354, 32%, 52%)
CMYK
cmyk(0%, 32%, 29%, 48%)
Oklch
oklch(51.4% 0.056 12.9)

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

#351E24

Dark Violet · DarkSlateGray · Raspberry

HEX
#351E24
RGB
rgb(53, 30, 36)
HSL
hsl(344, 28%, 16%)
HSB
hsb(344, 43%, 21%)
CMYK
cmyk(0%, 43%, 32%, 79%)
Oklch
oklch(26.7% 0.037 3.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D292A
293D3C

Analogous

3D2934
3D292A
3D3229

Triadic

3D292A
2A3D29
292A3D

Split-Comp.

3D292A
293D32
29343D

Tetradic

3D292A
343D29
293D3C
32293D

Contrast Matrix WCAG 2.1 Contrast

3D292A
060000
B59892
845A5E
351E24
—
1.5
Fail
5.1
AA
2.3
Fail
1.1
Fail
1.5
Fail
—
7.8
AAA
3.6
AA Large
1.4
Fail
5.1
AA
7.8
AAA
—
2.2
Fail
5.8
AA
2.3
Fail
3.6
AA Large
2.2
Fail
—
2.6
Fail
1.1
Fail
1.4
Fail
5.8
AA
2.6
Fail
—
White BG
13.6AAA
20.8AAA
2.7Fail
5.8AA
15.4AAA
Black BG
1.5Fail
1.0Fail
7.9AAA
3.6AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

34342A
030300
A8A893
72715D
2B2B23

Deuteranopia

36372A
040400
AAAC94
74775D
2C2E22

Tritanopia

3C2A2A
060000
B49595
825C5C
342121

Achromatopsia

2F2F2F
020202
A0A0A0
676767
262626

Shades & Tints Shades & Tints

#3D292A

Dark
Light

#060000

Dark
Light

#B59892

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d292a;
  --color-2: #060000;
  --color-3: #b59892;
  --color-4: #845a5e;
  --color-5: #351e24;
}

SCSS

$color-1: #3d292a;
$color-2: #060000;
$color-3: #b59892;
$color-4: #845a5e;
$color-5: #351e24;

TAILWIND

colors: {
  'brand-1': '#3d292a',
  'brand-2': '#060000',
  'brand-3': '#b59892',
  'brand-4': '#845a5e',
  'brand-5': '#351e24',
}

RGB Array

[61, 41, 42], [6, 0, 0], [181, 152, 146], [132, 90, 94], [53, 30, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D292A, #060000, #B59892, #845A5E, #351E24 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: #3d292a; --color-2: #060000; --color-3: #b59892; --color-4: #845a5e; --color-5: #351e24. 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