← Back to Editor

#1E191F · #382C3A · #3C3B4B · #8A4E4E · #C7724B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1E191F

Dark Plum · Black · Dark Purple

HEX
#1E191F
RGB
rgb(30, 25, 31)
HSL
hsl(290, 11%, 11%)
HSB
hsb(290, 19%, 12%)
CMYK
cmyk(3%, 19%, 0%, 88%)
Oklch
oklch(22.2% 0.014 320.6)

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

#382C3A

Dark Plum · DarkSlateGray · Dark Purple

HEX
#382C3A
RGB
rgb(56, 44, 58)
HSL
hsl(291, 14%, 20%)
HSB
hsb(291, 24%, 23%)
CMYK
cmyk(3%, 24%, 0%, 77%)
Oklch
oklch(31.2% 0.030 321.5)

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

#3C3B4B

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3C3B4B
RGB
rgb(60, 59, 75)
HSL
hsl(244, 12%, 26%)
HSB
hsb(244, 21%, 29%)
CMYK
cmyk(20%, 21%, 0%, 71%)
Oklch
oklch(36.0% 0.027 287.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#8A4E4E

Crimson · Sienna · Passion Red

HEX
#8A4E4E
RGB
rgb(138, 78, 78)
HSL
hsl(0, 28%, 42%)
HSB
hsb(0, 43%, 54%)
CMYK
cmyk(0%, 43%, 43%, 46%)
Oklch
oklch(49.5% 0.081 20.4)

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

#C7724B

Tangerine · Chocolate · Warm Sun

HEX
#C7724B
RGB
rgb(199, 114, 75)
HSL
hsl(19, 53%, 54%)
HSB
hsb(19, 62%, 78%)
CMYK
cmyk(0%, 43%, 62%, 22%)
Oklch
oklch(63.9% 0.120 44.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E191F
1A1F19

Analogous

1B191F
1E191F
1F191D

Triadic

1E191F
1F1E19
191F1E

Split-Comp.

1E191F
1D1F19
191F1B

Tetradic

1E191F
1F1B19
1A1F19
191D1F

Contrast Matrix WCAG 2.1 Contrast

1E191F
382C3A
3C3B4B
8A4E4E
C7724B
—
1.3
Fail
1.6
Fail
2.7
Fail
4.9
AA
1.3
Fail
—
1.2
Fail
2.1
Fail
3.7
AA Large
1.6
Fail
1.2
Fail
—
1.7
Fail
3.1
AA Large
2.7
Fail
2.1
Fail
1.7
Fail
—
1.8
Fail
4.9
AA
3.7
AA Large
3.1
AA Large
1.8
Fail
—
White BG
17.3AAA
13.2AAA
10.9AAA
6.4AA
3.5AA Large
Black BG
1.2Fail
1.6Fail
1.9Fail
3.3AA Large
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C1E
333337
3C3C47
706F4E
A2A154

Deuteranopia

1C1D1D
343436
3C3C46
74784E
A7AD57

Tritanopia

1E1C1C
373433
3C4443
874E4E
C35C5E

Achromatopsia

1B1B1B
313131
3D3D3D
606060
878787

Shades & Tints Shades & Tints

#1E191F

Dark
Light

#382C3A

Dark
Light

#3C3B4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e191f;
  --color-2: #382c3a;
  --color-3: #3c3b4b;
  --color-4: #8a4e4e;
  --color-5: #c7724b;
}

SCSS

$color-1: #1e191f;
$color-2: #382c3a;
$color-3: #3c3b4b;
$color-4: #8a4e4e;
$color-5: #c7724b;

TAILWIND

colors: {
  'brand-1': '#1e191f',
  'brand-2': '#382c3a',
  'brand-3': '#3c3b4b',
  'brand-4': '#8a4e4e',
  'brand-5': '#c7724b',
}

RGB Array

[30, 25, 31], [56, 44, 58], [60, 59, 75], [138, 78, 78], [199, 114, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E191F, #382C3A, #3C3B4B, #8A4E4E, #C7724B 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: #1e191f; --color-2: #382c3a; --color-3: #3c3b4b; --color-4: #8a4e4e; --color-5: #c7724b. 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