← Back to Editor

#320916 · #4E3B49 · #849C8D · #E7AD92 · #D9D3A2

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

#320916

Dark Violet · Black · Raspberry

HEX
#320916
RGB
rgb(50, 9, 22)
HSL
hsl(341, 69%, 12%)
HSB
hsb(341, 82%, 20%)
CMYK
cmyk(0%, 82%, 56%, 80%)
Oklch
oklch(21.9% 0.067 5.3)

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

#4E3B49

Rose Purple · DarkSlateGray · Eggplant

HEX
#4E3B49
RGB
rgb(78, 59, 73)
HSL
hsl(316, 14%, 27%)
HSB
hsb(316, 24%, 31%)
CMYK
cmyk(0%, 24%, 6%, 69%)
Oklch
oklch(37.8% 0.035 335.9)

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

#849C8D

Celadon · LightSlateGray · Olive Green

HEX
#849C8D
RGB
rgb(132, 156, 141)
HSL
hsl(143, 11%, 56%)
HSB
hsb(143, 15%, 61%)
CMYK
cmyk(15%, 0%, 10%, 39%)
Oklch
oklch(67.0% 0.035 157.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E7AD92

Apricot · BurlyWood · Warm Sun

HEX
#E7AD92
RGB
rgb(231, 173, 146)
HSL
hsl(19, 64%, 74%)
HSB
hsb(19, 37%, 91%)
CMYK
cmyk(0%, 25%, 37%, 9%)
Oklch
oklch(79.5% 0.078 46.1)

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

#D9D3A2

Fresh Green · Wheat · Sunflower

HEX
#D9D3A2
RGB
rgb(217, 211, 162)
HSL
hsl(53, 42%, 74%)
HSB
hsb(53, 25%, 85%)
CMYK
cmyk(0%, 3%, 25%, 15%)
Oklch
oklch(86.0% 0.065 101.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

320916
093426

Analogous

34092C
320916
341109

Triadic

320916
173409
091734

Split-Comp.

320916
093411
092C34

Tetradic

320916
2C3409
093426
110934

Contrast Matrix WCAG 2.1 Contrast

320916
4E3B49
849C8D
E7AD92
D9D3A2
—
1.7
Fail
6.0
AA
9.1
AAA
11.6
AAA
1.7
Fail
—
3.5
AA Large
5.3
AA
6.7
AA
6.0
AA
3.5
AA Large
—
1.5
Fail
1.9
Fail
9.1
AAA
5.3
AA
1.5
Fail
—
1.3
Fail
11.6
AAA
6.7
AA
1.9
Fail
1.3
Fail
—
White BG
17.7AAA
10.3AAA
2.9Fail
1.9Fail
1.5Fail
Black BG
1.2Fail
2.0Fail
7.1AAA
10.8AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

202013
464646
8E8F91
CECD99
D6D6AE

Deuteranopia

232612
474845
8D8B92
D1D69A
D7D7B1

Tritanopia

301010
4D4342
859394
E49E9F
D9B7B9

Achromatopsia

171717
424242
939393
BBBBBB
CFCFCF

Shades & Tints Shades & Tints

#320916

Dark
Light

#4E3B49

Dark
Light

#849C8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #320916;
  --color-2: #4e3b49;
  --color-3: #849c8d;
  --color-4: #e7ad92;
  --color-5: #d9d3a2;
}

SCSS

$color-1: #320916;
$color-2: #4e3b49;
$color-3: #849c8d;
$color-4: #e7ad92;
$color-5: #d9d3a2;

TAILWIND

colors: {
  'brand-1': '#320916',
  'brand-2': '#4e3b49',
  'brand-3': '#849c8d',
  'brand-4': '#e7ad92',
  'brand-5': '#d9d3a2',
}

RGB Array

[50, 9, 22], [78, 59, 73], [132, 156, 141], [231, 173, 146], [217, 211, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #320916, #4E3B49, #849C8D, #E7AD92, #D9D3A2 is ideal for: 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: #320916; --color-2: #4e3b49; --color-3: #849c8d; --color-4: #e7ad92; --color-5: #d9d3a2. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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