← Back to Editor

#783B40 · #30091C · #2D132C · #6E5B79 · #B094AD

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 LibraryData Visualization

Color Details Color Details

#783B40

Crimson · Sienna · Wine Red

HEX
#783B40
RGB
rgb(120, 59, 64)
HSL
hsl(355, 34%, 35%)
HSB
hsb(355, 51%, 47%)
CMYK
cmyk(0%, 51%, 47%, 53%)
Oklch
oklch(43.2% 0.085 16.2)

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

#30091C

Dark Violet · Black · Raspberry

HEX
#30091C
RGB
rgb(48, 9, 28)
HSL
hsl(331, 68%, 11%)
HSB
hsb(331, 81%, 19%)
CMYK
cmyk(0%, 81%, 42%, 81%)
Oklch
oklch(21.7% 0.067 354.1)

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

#2D132C

Rose Purple · Black · Dark Purple

HEX
#2D132C
RGB
rgb(45, 19, 44)
HSL
hsl(302, 41%, 13%)
HSB
hsb(302, 58%, 18%)
CMYK
cmyk(0%, 58%, 2%, 82%)
Oklch
oklch(23.7% 0.059 328.7)

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

#6E5B79

Dark Plum · DimGray · Violet

HEX
#6E5B79
RGB
rgb(110, 91, 121)
HSL
hsl(278, 14%, 42%)
HSB
hsb(278, 25%, 47%)
CMYK
cmyk(9%, 25%, 0%, 53%)
Oklch
oklch(50.1% 0.052 313.0)

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

#B094AD

Mauve · DarkGray · Lilac Purple

HEX
#B094AD
RGB
rgb(176, 148, 173)
HSL
hsl(306, 15%, 64%)
HSB
hsb(306, 16%, 69%)
CMYK
cmyk(0%, 16%, 2%, 31%)
Oklch
oklch(70.0% 0.048 329.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

783B40
3B7873

Analogous

783B5E
783B40
78543B

Triadic

783B40
40783B
3B4078

Split-Comp.

783B40
3B7854
3B5E78

Tetradic

783B40
5E783B
3B7873
543B78

Contrast Matrix WCAG 2.1 Contrast

783B40
30091C
2D132C
6E5B79
B094AD
—
2.1
Fail
2.0
Fail
1.4
Fail
3.1
AA Large
2.1
Fail
—
1.1
Fail
2.9
Fail
6.5
AA
2.0
Fail
1.1
Fail
—
2.8
Fail
6.2
AA
1.4
Fail
2.9
Fail
2.8
Fail
—
2.2
Fail
3.1
AA Large
6.5
AA
6.2
AA
2.2
Fail
—
White BG
8.4AAA
17.8AAA
16.9AAA
6.1AA
2.7Fail
Black BG
2.5Fail
1.2Fail
1.2Fail
3.4AA Large
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5D3F
1F1F17
222226
666672
A4A4A7

Deuteranopia

61663F
212416
232525
676870
A6A8A6

Tritanopia

753E3E
2E1413
2C2120
6D6C6B
AFA2A1

Achromatopsia

4E4E4E
171717
1E1E1E
646464
9F9F9F

Shades & Tints Shades & Tints

#783B40

Dark
Light

#30091C

Dark
Light

#2D132C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #783b40;
  --color-2: #30091c;
  --color-3: #2d132c;
  --color-4: #6e5b79;
  --color-5: #b094ad;
}

SCSS

$color-1: #783b40;
$color-2: #30091c;
$color-3: #2d132c;
$color-4: #6e5b79;
$color-5: #b094ad;

TAILWIND

colors: {
  'brand-1': '#783b40',
  'brand-2': '#30091c',
  'brand-3': '#2d132c',
  'brand-4': '#6e5b79',
  'brand-5': '#b094ad',
}

RGB Array

[120, 59, 64], [48, 9, 28], [45, 19, 44], [110, 91, 121], [176, 148, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #783B40, #30091C, #2D132C, #6E5B79, #B094AD is ideal for: tech websites, dark mode UIs, game UIs, 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: #783b40; --color-2: #30091c; --color-3: #2d132c; --color-4: #6e5b79; --color-5: #b094ad. 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. 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 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