← Back to Editor

#4B3546 · #613846 · #763B46 · #8C3E46 · #A14045

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 Library

Color Details Color Details

#4B3546

Rose Purple · DarkSlateGray · Eggplant

HEX
#4B3546
RGB
rgb(75, 53, 70)
HSL
hsl(314, 17%, 25%)
HSB
hsb(314, 29%, 29%)
CMYK
cmyk(0%, 29%, 7%, 71%)
Oklch
oklch(36.0% 0.041 334.7)

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

#613846

Dark Violet · DarkSlateGray · Camellia

HEX
#613846
RGB
rgb(97, 56, 70)
HSL
hsl(340, 27%, 30%)
HSB
hsb(340, 42%, 38%)
CMYK
cmyk(0%, 42%, 28%, 62%)
Oklch
oklch(39.5% 0.061 358.3)

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

#763B46

Crimson · Sienna · Wine Red

HEX
#763B46
RGB
rgb(118, 59, 70)
HSL
hsl(349, 33%, 35%)
HSB
hsb(349, 50%, 46%)
CMYK
cmyk(0%, 50%, 41%, 54%)
Oklch
oklch(43.1% 0.083 9.4)

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

#8C3E46

Crimson · Sienna · Wine Red

HEX
#8C3E46
RGB
rgb(140, 62, 70)
HSL
hsl(354, 39%, 40%)
HSB
hsb(354, 56%, 55%)
CMYK
cmyk(0%, 56%, 50%, 45%)
Oklch
oklch(46.9% 0.106 15.8)

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

#A14045

Crimson · Sienna · Passion Red

HEX
#A14045
RGB
rgb(161, 64, 69)
HSL
hsl(357, 43%, 44%)
HSB
hsb(357, 60%, 63%)
CMYK
cmyk(0%, 60%, 57%, 37%)
Oklch
oklch(50.4% 0.129 19.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B3546
354B3A

Analogous

45354B
4B3546
4B353B

Triadic

4B3546
464B35
35464B

Split-Comp.

4B3546
3B4B35
354B45

Tetradic

4B3546
4B4535
354B3A
353B4B

Contrast Matrix WCAG 2.1 Contrast

4B3546
613846
763B46
8C3E46
A14045
—
1.1
Fail
1.3
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
11.1AAA
9.7AAA
8.5AAA
7.3AAA
6.3AA
Black BG
1.9Fail
2.2Fail
2.5Fail
2.9Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

414142
4F4F43
5C5C43
6A6A44
777644

Deuteranopia

434441
525542
606443
6F7544
7D8444

Tritanopia

4A3F3E
5F403F
734141
884342
9C4343

Achromatopsia

3E3E3E
464646
4E4E4E
565656
5E5E5E

Shades & Tints Shades & Tints

#4B3546

Dark
Light

#613846

Dark
Light

#763B46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b3546;
  --color-2: #613846;
  --color-3: #763b46;
  --color-4: #8c3e46;
  --color-5: #a14045;
}

SCSS

$color-1: #4b3546;
$color-2: #613846;
$color-3: #763b46;
$color-4: #8c3e46;
$color-5: #a14045;

TAILWIND

colors: {
  'brand-1': '#4b3546',
  'brand-2': '#613846',
  'brand-3': '#763b46',
  'brand-4': '#8c3e46',
  'brand-5': '#a14045',
}

RGB Array

[75, 53, 70], [97, 56, 70], [118, 59, 70], [140, 62, 70], [161, 64, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B3546, #613846, #763B46, #8C3E46, #A14045 is ideal for: tech websites, dark mode UIs, game UIs. 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: #4b3546; --color-2: #613846; --color-3: #763b46; --color-4: #8c3e46; --color-5: #a14045. 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 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