← Back to Editor

#39141B · #2B1518 · #302126 · #6C6670 · #B79B90

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

Color Details Color Details

#39141B

Crimson · Black · Deep Berry

HEX
#39141B
RGB
rgb(57, 20, 27)
HSL
hsl(349, 48%, 15%)
HSB
hsb(349, 65%, 22%)
CMYK
cmyk(0%, 65%, 53%, 78%)
Oklch
oklch(25.1% 0.059 10.6)

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

#2B1518

Crimson · Black · Deep Berry

HEX
#2B1518
RGB
rgb(43, 21, 24)
HSL
hsl(352, 34%, 13%)
HSB
hsb(352, 51%, 17%)
CMYK
cmyk(0%, 51%, 44%, 83%)
Oklch
oklch(22.8% 0.036 11.6)

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

#302126

Dark Violet · DarkSlateGray · Raspberry

HEX
#302126
RGB
rgb(48, 33, 38)
HSL
hsl(340, 19%, 16%)
HSB
hsb(340, 31%, 19%)
CMYK
cmyk(0%, 31%, 21%, 81%)
Oklch
oklch(26.8% 0.025 357.1)

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

#6C6670

Ink Gray · DimGray · Warm Gray

HEX
#6C6670
RGB
rgb(108, 102, 112)
HSL
hsl(276, 5%, 42%)
HSB
hsb(276, 9%, 44%)
CMYK
cmyk(4%, 9%, 0%, 56%)
Oklch
oklch(51.9% 0.017 312.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B79B90

Apricot · DarkGray · Warm Sun

HEX
#B79B90
RGB
rgb(183, 155, 144)
HSL
hsl(17, 21%, 64%)
HSB
hsb(17, 21%, 72%)
CMYK
cmyk(0%, 15%, 21%, 28%)
Oklch
oklch(71.1% 0.037 42.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

39141B
143932

Analogous

39142D
39141B
392014

Triadic

39141B
1B3914
141B39

Split-Comp.

39141B
143920
142D39

Tetradic

39141B
2D3914
143932
201439

Contrast Matrix WCAG 2.1 Contrast

39141B
2B1518
302126
6C6670
B79B90
—
1.1
Fail
1.1
Fail
2.9
Fail
6.3
AA
1.1
Fail
—
1.1
Fail
3.1
AA Large
6.6
AA
1.1
Fail
1.1
Fail
—
2.8
Fail
5.9
AA
2.9
Fail
3.1
AA Large
2.8
Fail
—
2.1
Fail
6.3
AA
6.6
AA
5.9
AA
2.1
Fail
—
White BG
16.3AAA
17.2AAA
15.3AAA
5.6AA
2.6Fail
Black BG
1.3Fail
1.2Fail
1.4Fail
3.8AA Large
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292919
212117
2A2925
69696E
ABAB93

Deuteranopia

2B2E19
232417
2A2B25
6A6A6D
ADAF93

Tritanopia

371818
2A1717
2F2424
6C6C6B
B69595

Achromatopsia

202020
1C1C1C
262626
696969
A2A2A2

Shades & Tints Shades & Tints

#39141B

Dark
Light

#2B1518

Dark
Light

#302126

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #39141b;
  --color-2: #2b1518;
  --color-3: #302126;
  --color-4: #6c6670;
  --color-5: #b79b90;
}

SCSS

$color-1: #39141b;
$color-2: #2b1518;
$color-3: #302126;
$color-4: #6c6670;
$color-5: #b79b90;

TAILWIND

colors: {
  'brand-1': '#39141b',
  'brand-2': '#2b1518',
  'brand-3': '#302126',
  'brand-4': '#6c6670',
  'brand-5': '#b79b90',
}

RGB Array

[57, 20, 27], [43, 21, 24], [48, 33, 38], [108, 102, 112], [183, 155, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #39141B, #2B1518, #302126, #6C6670, #B79B90 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: #39141b; --color-2: #2b1518; --color-3: #302126; --color-4: #6c6670; --color-5: #b79b90. 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