← Back to Editor

#382631 · #4D3248 · #9C3B4E · #B39847 · #614A58

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

#382631

Rose Purple · DarkSlateGray · Raspberry

HEX
#382631
RGB
rgb(56, 38, 49)
HSL
hsl(323, 19%, 18%)
HSB
hsb(323, 32%, 22%)
CMYK
cmyk(0%, 32%, 13%, 78%)
Oklch
oklch(29.5% 0.033 342.0)

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

#4D3248

Rose Purple · DarkSlateGray · Eggplant

HEX
#4D3248
RGB
rgb(77, 50, 72)
HSL
hsl(311, 21%, 25%)
HSB
hsb(311, 35%, 30%)
CMYK
cmyk(0%, 35%, 6%, 70%)
Oklch
oklch(35.8% 0.052 333.4)

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

#9C3B4E

Crimson · Sienna · Passion Red

HEX
#9C3B4E
RGB
rgb(156, 59, 78)
HSL
hsl(348, 45%, 42%)
HSB
hsb(348, 62%, 61%)
CMYK
cmyk(0%, 62%, 50%, 39%)
Oklch
oklch(49.2% 0.130 11.3)

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

#B39847

Ochre · GoldenRod · Honey Gold

HEX
#B39847
RGB
rgb(179, 152, 71)
HSL
hsl(45, 43%, 49%)
HSB
hsb(45, 60%, 70%)
CMYK
cmyk(0%, 15%, 60%, 30%)
Oklch
oklch(68.8% 0.105 91.0)

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

#614A58

Rose Purple · DimGray · Camellia

HEX
#614A58
RGB
rgb(97, 74, 88)
HSL
hsl(323, 13%, 34%)
HSB
hsb(323, 24%, 38%)
CMYK
cmyk(0%, 24%, 9%, 62%)
Oklch
oklch(43.8% 0.038 341.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382631
25372C

Analogous

352537
382631
372527

Triadic

382631
303725
253037

Split-Comp.

382631
273725
253735

Tetradic

382631
373525
25372C
252737

Contrast Matrix WCAG 2.1 Contrast

382631
4D3248
9C3B4E
B39847
614A58
—
1.3
Fail
2.1
Fail
5.0
AA
1.8
Fail
1.3
Fail
—
1.7
Fail
4.0
AA Large
1.4
Fail
2.1
Fail
1.7
Fail
—
2.4
Fail
1.2
Fail
5.0
AA
4.0
AA Large
2.4
Fail
—
2.9
Fail
1.8
Fail
1.4
Fail
1.2
Fail
2.9
Fail
—
White BG
14.1AAA
11.3AAA
6.7AA
2.8Fail
8.0AAA
Black BG
1.5Fail
1.9Fail
3.1AA Large
7.5AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

30302E
414143
727149
A7A75B
575755

Deuteranopia

31332E
434541
787F48
A9AB5F
585A54

Tritanopia

372C2C
4C3E3E
974645
B26A6D
605251

Achromatopsia

2D2D2D
3D3D3D
5A5A5A
979797
525252

Shades & Tints Shades & Tints

#382631

Dark
Light

#4D3248

Dark
Light

#9C3B4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382631;
  --color-2: #4d3248;
  --color-3: #9c3b4e;
  --color-4: #b39847;
  --color-5: #614a58;
}

SCSS

$color-1: #382631;
$color-2: #4d3248;
$color-3: #9c3b4e;
$color-4: #b39847;
$color-5: #614a58;

TAILWIND

colors: {
  'brand-1': '#382631',
  'brand-2': '#4d3248',
  'brand-3': '#9c3b4e',
  'brand-4': '#b39847',
  'brand-5': '#614a58',
}

RGB Array

[56, 38, 49], [77, 50, 72], [156, 59, 78], [179, 152, 71], [97, 74, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #382631, #4D3248, #9C3B4E, #B39847, #614A58 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: #382631; --color-2: #4d3248; --color-3: #9c3b4e; --color-4: #b39847; --color-5: #614a58. 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