← Back to Editor

#6C7592 · #3D2E41 · #503143 · #6B3F40 · #7A5545

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

#6C7592

Indigo · SlateGray · Navy Blue

HEX
#6C7592
RGB
rgb(108, 117, 146)
HSL
hsl(226, 15%, 50%)
HSB
hsb(226, 26%, 57%)
CMYK
cmyk(26%, 20%, 0%, 43%)
Oklch
oklch(56.6% 0.046 271.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#3D2E41

Dark Plum · DarkSlateGray · Eggplant

HEX
#3D2E41
RGB
rgb(61, 46, 65)
HSL
hsl(287, 17%, 22%)
HSB
hsb(287, 29%, 25%)
CMYK
cmyk(6%, 29%, 0%, 75%)
Oklch
oklch(32.6% 0.039 319.1)

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

#503143

Rose Purple · DarkSlateGray · Raspberry

HEX
#503143
RGB
rgb(80, 49, 67)
HSL
hsl(325, 24%, 25%)
HSB
hsb(325, 39%, 31%)
CMYK
cmyk(0%, 39%, 16%, 69%)
Oklch
oklch(35.7% 0.053 344.3)

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

#6B3F40

Crimson · DarkOliveGreen · Wine Red

HEX
#6B3F40
RGB
rgb(107, 63, 64)
HSL
hsl(359, 26%, 33%)
HSB
hsb(359, 41%, 42%)
CMYK
cmyk(0%, 41%, 40%, 58%)
Oklch
oklch(42.1% 0.062 18.5)

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

#7A5545

Tangerine · DimGray · Amber Brown

HEX
#7A5545
RGB
rgb(122, 85, 69)
HSL
hsl(18, 28%, 37%)
HSB
hsb(18, 43%, 48%)
CMYK
cmyk(0%, 30%, 43%, 52%)
Oklch
oklch(48.5% 0.056 44.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C7592
938A6C

Analogous

6C8893
6C7592
776C93

Triadic

6C7592
936C75
75936C

Split-Comp.

6C7592
93776C
88936C

Tetradic

6C7592
936C88
938A6C
6C9377

Contrast Matrix WCAG 2.1 Contrast

6C7592
3D2E41
503143
6B3F40
7A5545
—
2.8
Fail
2.5
Fail
1.9
Fail
1.4
Fail
2.8
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
2.5
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
White BG
4.6AA
12.6AAA
11.3AAA
8.7AAA
6.5AA
Black BG
4.6AA
1.7Fail
1.9Fail
2.4Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

70708B
37363C
43423F
585840
6A6A49

Deuteranopia

6F6F89
37383B
44473E
5B5E40
6C6F4A

Tritanopia

6C8584
3C3938
4E3B3A
694040
784C4D

Achromatopsia

767676
353535
3C3C3C
4C4C4C
5E5E5E

Shades & Tints Shades & Tints

#6C7592

Dark
Light

#3D2E41

Dark
Light

#503143

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c7592;
  --color-2: #3d2e41;
  --color-3: #503143;
  --color-4: #6b3f40;
  --color-5: #7a5545;
}

SCSS

$color-1: #6c7592;
$color-2: #3d2e41;
$color-3: #503143;
$color-4: #6b3f40;
$color-5: #7a5545;

TAILWIND

colors: {
  'brand-1': '#6c7592',
  'brand-2': '#3d2e41',
  'brand-3': '#503143',
  'brand-4': '#6b3f40',
  'brand-5': '#7a5545',
}

RGB Array

[108, 117, 146], [61, 46, 65], [80, 49, 67], [107, 63, 64], [122, 85, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C7592, #3D2E41, #503143, #6B3F40, #7A5545 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: #6c7592; --color-2: #3d2e41; --color-3: #503143; --color-4: #6b3f40; --color-5: #7a5545. 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