← Back to Editor

#411931 · #522943 · #5C4656 · #5D5B62 · #778486

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 ThemeCorporate

Color Details Color Details

#411931

Rose Purple · DarkSlateGray · Raspberry

HEX
#411931
RGB
rgb(65, 25, 49)
HSL
hsl(324, 44%, 18%)
HSB
hsb(324, 62%, 25%)
CMYK
cmyk(0%, 62%, 25%, 75%)
Oklch
oklch(28.2% 0.071 345.6)

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

#522943

Rose Purple · DarkSlateGray · Raspberry

HEX
#522943
RGB
rgb(82, 41, 67)
HSL
hsl(322, 33%, 24%)
HSB
hsb(322, 50%, 32%)
CMYK
cmyk(0%, 50%, 18%, 68%)
Oklch
oklch(34.5% 0.071 342.8)

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

#5C4656

Rose Purple · DimGray · Eggplant

HEX
#5C4656
RGB
rgb(92, 70, 86)
HSL
hsl(316, 14%, 32%)
HSB
hsb(316, 24%, 36%)
CMYK
cmyk(0%, 24%, 7%, 64%)
Oklch
oklch(42.3% 0.039 336.3)

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

#5D5B62

Ink Gray · DimGray · Charcoal

HEX
#5D5B62
RGB
rgb(93, 91, 98)
HSL
hsl(257, 4%, 37%)
HSB
hsb(257, 7%, 38%)
CMYK
cmyk(5%, 7%, 0%, 62%)
Oklch
oklch(47.5% 0.011 299.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#778486

Ink Gray · Gray · Warm Gray

HEX
#778486
RGB
rgb(119, 132, 134)
HSL
hsl(188, 6%, 50%)
HSB
hsb(188, 11%, 53%)
CMYK
cmyk(11%, 1%, 0%, 47%)
Oklch
oklch(60.3% 0.016 207.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

411931
1A422A

Analogous

3E1A42
411931
421A1E

Triadic

411931
32421A
1A3242

Split-Comp.

411931
1E421A
1A423E

Tetradic

411931
423E1A
1A422A
1A1E42

Contrast Matrix WCAG 2.1 Contrast

411931
522943
5C4656
5D5B62
778486
—
1.2
Fail
1.8
Fail
2.2
Fail
3.9
AA Large
1.2
Fail
—
1.4
Fail
1.8
Fail
3.1
AA Large
1.8
Fail
1.4
Fail
—
1.3
Fail
2.2
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
1.7
Fail
3.9
AA Large
3.1
AA Large
2.2
Fail
1.7
Fail
—
White BG
14.9AAA
12.0AAA
8.5AAA
6.7AA
3.9AA Large
Black BG
1.4Fail
1.8Fail
2.5Fail
3.1AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F2B
40403D
525252
5C5C60
7D7D86

Deuteranopia

32352A
43463B
545551
5C5C60
7C7B85

Tritanopia

3F2726
503837
5B4F4E
5D5F5F
788585

Achromatopsia

282828
383838
4E4E4E
5C5C5C
808080

Shades & Tints Shades & Tints

#411931

Dark
Light

#522943

Dark
Light

#5C4656

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #411931;
  --color-2: #522943;
  --color-3: #5c4656;
  --color-4: #5d5b62;
  --color-5: #778486;
}

SCSS

$color-1: #411931;
$color-2: #522943;
$color-3: #5c4656;
$color-4: #5d5b62;
$color-5: #778486;

TAILWIND

colors: {
  'brand-1': '#411931',
  'brand-2': '#522943',
  'brand-3': '#5c4656',
  'brand-4': '#5d5b62',
  'brand-5': '#778486',
}

RGB Array

[65, 25, 49], [82, 41, 67], [92, 70, 86], [93, 91, 98], [119, 132, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #411931, #522943, #5C4656, #5D5B62, #778486 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: #411931; --color-2: #522943; --color-3: #5c4656; --color-4: #5d5b62; --color-5: #778486. 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