← Back to Editor

#41313C · #B41917 · #A5D54C · #EDE4DF · #4B3939

dark

A 5-color dark 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

#41313C

Rose Purple · DarkSlateGray · Eggplant

HEX
#41313C
RGB
rgb(65, 49, 60)
HSL
hsl(319, 14%, 22%)
HSB
hsb(319, 25%, 25%)
CMYK
cmyk(0%, 25%, 8%, 75%)
Oklch
oklch(33.5% 0.029 338.0)

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

#B41917

Vermilion · FireBrick · Wine Red

HEX
#B41917
RGB
rgb(180, 25, 23)
HSL
hsl(1, 77%, 40%)
HSB
hsb(1, 87%, 71%)
CMYK
cmyk(0%, 86%, 87%, 29%)
Oklch
oklch(49.4% 0.188 28.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#A5D54C

Grass Green · GreenYellow · Olive Green

HEX
#A5D54C
RGB
rgb(165, 213, 76)
HSL
hsl(81, 62%, 57%)
HSB
hsb(81, 64%, 84%)
CMYK
cmyk(23%, 0%, 64%, 16%)
Oklch
oklch(81.3% 0.172 126.5)

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

#EDE4DF

Apricot · Beige · Peach Orange

HEX
#EDE4DF
RGB
rgb(237, 228, 223)
HSL
hsl(21, 28%, 90%)
HSB
hsb(21, 6%, 93%)
CMYK
cmyk(0%, 4%, 6%, 7%)
Oklch
oklch(92.5% 0.012 51.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#4B3939

Crimson · DarkSlateGray · Wine Red

HEX
#4B3939
RGB
rgb(75, 57, 57)
HSL
hsl(0, 14%, 26%)
HSB
hsb(0, 24%, 29%)
CMYK
cmyk(0%, 24%, 24%, 71%)
Oklch
oklch(36.4% 0.026 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41313C
304035

Analogous

3D3040
41313C
403033

Triadic

41313C
3B4030
303B40

Split-Comp.

41313C
334030
30403D

Tetradic

41313C
403D30
304035
303340

Contrast Matrix WCAG 2.1 Contrast

41313C
B41917
A5D54C
EDE4DF
4B3939
—
1.8
Fail
7.1
AAA
9.7
AAA
1.1
Fail
1.8
Fail
—
4.0
AA Large
5.4
AA
1.6
Fail
7.1
AAA
4.0
AA Large
—
1.4
Fail
6.3
AA
9.7
AAA
5.4
AA
1.4
Fail
—
8.6
AAA
1.1
Fail
1.6
Fail
6.3
AA
8.6
AAA
—
White BG
12.1AAA
6.8AA
1.7Fail
1.3Fail
10.8AAA
Black BG
1.7Fail
3.1AA Large
12.2AAA
16.8AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A39
716F17
BABA6D
E9E9E0
434339

Deuteranopia

3B3C39
7A8618
B7B375
EAEAE1
444639

Tritanopia

403737
AC1818
A7878D
EDE1E1
4A3939

Achromatopsia

373737
474747
B7B7B7
E6E6E6
3E3E3E

Shades & Tints Shades & Tints

#41313C

Dark
Light

#B41917

Dark
Light

#A5D54C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41313c;
  --color-2: #b41917;
  --color-3: #a5d54c;
  --color-4: #ede4df;
  --color-5: #4b3939;
}

SCSS

$color-1: #41313c;
$color-2: #b41917;
$color-3: #a5d54c;
$color-4: #ede4df;
$color-5: #4b3939;

TAILWIND

colors: {
  'brand-1': '#41313c',
  'brand-2': '#b41917',
  'brand-3': '#a5d54c',
  'brand-4': '#ede4df',
  'brand-5': '#4b3939',
}

RGB Array

[65, 49, 60], [180, 25, 23], [165, 213, 76], [237, 228, 223], [75, 57, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #41313C, #B41917, #A5D54C, #EDE4DF, #4B3939 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: #41313c; --color-2: #b41917; --color-3: #a5d54c; --color-4: #ede4df; --color-5: #4b3939. 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 dark-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