← Back to Editor

#781A3D · #A11F4E · #A1375D · #A15D76 · #A1818C

dark

A 5-color dark 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

#781A3D

Dark Violet · Brown · Camellia

HEX
#781A3D
RGB
rgb(120, 26, 61)
HSL
hsl(338, 64%, 29%)
HSB
hsb(338, 78%, 47%)
CMYK
cmyk(0%, 78%, 49%, 53%)
Oklch
oklch(38.7% 0.130 3.3)

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

#A11F4E

Dark Violet · Brown · Camellia

HEX
#A11F4E
RGB
rgb(161, 31, 78)
HSL
hsl(338, 68%, 38%)
HSB
hsb(338, 81%, 63%)
CMYK
cmyk(0%, 81%, 52%, 37%)
Oklch
oklch(47.2% 0.167 5.3)

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

#A1375D

Dark Violet · Brown · Camellia

HEX
#A1375D
RGB
rgb(161, 55, 93)
HSL
hsl(338, 49%, 42%)
HSB
hsb(338, 66%, 63%)
CMYK
cmyk(0%, 66%, 42%, 37%)
Oklch
oklch(49.9% 0.144 1.7)

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

#A15D76

Dark Violet · Gray · Camellia

HEX
#A15D76
RGB
rgb(161, 93, 118)
HSL
hsl(338, 27%, 50%)
HSB
hsb(338, 42%, 63%)
CMYK
cmyk(0%, 42%, 27%, 37%)
Oklch
oklch(56.3% 0.094 357.0)

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

#A1818C

Dark Violet · Gray · Rose Pink

HEX
#A1818C
RGB
rgb(161, 129, 140)
HSL
hsl(339, 15%, 57%)
HSB
hsb(339, 20%, 63%)
CMYK
cmyk(0%, 20%, 13%, 37%)
Oklch
oklch(63.7% 0.042 355.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

781A3D
1B7957

Analogous

791B6D
781A3D
79271B

Triadic

781A3D
3D791B
1B3D79

Split-Comp.

781A3D
1B7927
1B6D79

Tetradic

781A3D
6D791B
1B7957
271B79

Contrast Matrix WCAG 2.1 Contrast

781A3D
A11F4E
A1375D
A15D76
A1818C
—
1.4
Fail
1.6
Fail
2.2
Fail
3.0
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
2.2
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
3.0
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
White BG
10.4AAA
7.4AAA
6.5AA
4.8AA
3.5AA Large
Black BG
2.0Fail
2.8Fail
3.2AA Large
4.3AA Large
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E35
696843
737254
848370
939389

Deuteranopia

555C32
707A40
798152
888D6F
959789

Tritanopia

732E2C
9B3A38
9C4D4B
9E6B6A
9F8787

Achromatopsia

3A3A3A
4B4B4B
5B5B5B
747474
8C8C8C

Shades & Tints Shades & Tints

#781A3D

Dark
Light

#A11F4E

Dark
Light

#A1375D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #781a3d;
  --color-2: #a11f4e;
  --color-3: #a1375d;
  --color-4: #a15d76;
  --color-5: #a1818c;
}

SCSS

$color-1: #781a3d;
$color-2: #a11f4e;
$color-3: #a1375d;
$color-4: #a15d76;
$color-5: #a1818c;

TAILWIND

colors: {
  'brand-1': '#781a3d',
  'brand-2': '#a11f4e',
  'brand-3': '#a1375d',
  'brand-4': '#a15d76',
  'brand-5': '#a1818c',
}

RGB Array

[120, 26, 61], [161, 31, 78], [161, 55, 93], [161, 93, 118], [161, 129, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #781A3D, #A11F4E, #A1375D, #A15D76, #A1818C is ideal for: corporate websites, product showcases, portfolios. 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: #781a3d; --color-2: #a11f4e; --color-3: #a1375d; --color-4: #a15d76; --color-5: #a1818c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-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