← Back to Editor

#6B3E4F · #6B0439 · #540B37 · #40083C · #0C0840

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6B3E4F

Dark Violet · DimGray · Camellia

HEX
#6B3E4F
RGB
rgb(107, 62, 79)
HSL
hsl(337, 27%, 33%)
HSB
hsb(337, 42%, 42%)
CMYK
cmyk(0%, 42%, 26%, 58%)
Oklch
oklch(42.3% 0.067 356.2)

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

#6B0439

Rose Purple · Maroon · Raspberry

HEX
#6B0439
RGB
rgb(107, 4, 57)
HSL
hsl(329, 93%, 22%)
HSB
hsb(329, 96%, 42%)
CMYK
cmyk(0%, 96%, 47%, 58%)
Oklch
oklch(34.5% 0.137 358.0)

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

#540B37

Rose Purple · Maroon · Raspberry

HEX
#540B37
RGB
rgb(84, 11, 55)
HSL
hsl(324, 77%, 19%)
HSB
hsb(324, 87%, 33%)
CMYK
cmyk(0%, 87%, 35%, 67%)
Oklch
oklch(30.3% 0.113 349.4)

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

#40083C

Rose Purple · MidnightBlue · Dark Purple

HEX
#40083C
RGB
rgb(64, 8, 60)
HSL
hsl(304, 78%, 14%)
HSB
hsb(304, 88%, 25%)
CMYK
cmyk(0%, 88%, 6%, 75%)
Oklch
oklch(26.6% 0.106 331.3)

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

#0C0840

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0C0840
RGB
rgb(12, 8, 64)
HSL
hsl(244, 78%, 14%)
HSB
hsb(244, 88%, 25%)
CMYK
cmyk(81%, 88%, 0%, 75%)
Oklch
oklch(19.4% 0.100 275.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B3E4F
3D6B59

Analogous

6B3D66
6B3E4F
6B433D

Triadic

6B3E4F
4F6B3D
3D4F6B

Split-Comp.

6B3E4F
3D6B43
3D666B

Tetradic

6B3E4F
666B3D
3D6B59
433D6B

Contrast Matrix WCAG 2.1 Contrast

6B3E4F
6B0439
540B37
40083C
0C0840
—
1.4
Fail
1.6
Fail
1.8
Fail
2.2
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
8.7AAA
12.3AAA
14.2AAA
15.9AAA
18.7AAA
Black BG
2.4Fail
1.7Fail
1.5Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

58574B
3E3D2C
34342C
28272F
0A0A32

Deuteranopia

5A5D4A
444C29
393E2A
2B2F2C
0B0B2F

Tritanopia

694847
662220
502422
3D2523
0C2825

Achromatopsia

4D4D4D
292929
262626
1F1F1F
101010

Shades & Tints Shades & Tints

#6B3E4F

Dark
Light

#6B0439

Dark
Light

#540B37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b3e4f;
  --color-2: #6b0439;
  --color-3: #540b37;
  --color-4: #40083c;
  --color-5: #0c0840;
}

SCSS

$color-1: #6b3e4f;
$color-2: #6b0439;
$color-3: #540b37;
$color-4: #40083c;
$color-5: #0c0840;

TAILWIND

colors: {
  'brand-1': '#6b3e4f',
  'brand-2': '#6b0439',
  'brand-3': '#540b37',
  'brand-4': '#40083c',
  'brand-5': '#0c0840',
}

RGB Array

[107, 62, 79], [107, 4, 57], [84, 11, 55], [64, 8, 60], [12, 8, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B3E4F, #6B0439, #540B37, #40083C, #0C0840 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6b3e4f; --color-2: #6b0439; --color-3: #540b37; --color-4: #40083c; --color-5: #0c0840. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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