← Back to Editor

#C5106A · #7D0B40 · #540D26 · #99354D · #BA2A55

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C5106A

Dark Violet · MediumVioletRed · Camellia

HEX
#C5106A
RGB
rgb(197, 16, 106)
HSL
hsl(330, 85%, 42%)
HSB
hsb(330, 92%, 77%)
CMYK
cmyk(0%, 92%, 46%, 23%)
Oklch
oklch(53.8% 0.212 359.6)

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

#7D0B40

Dark Violet · Brown · Camellia

HEX
#7D0B40
RGB
rgb(125, 11, 64)
HSL
hsl(332, 84%, 27%)
HSB
hsb(332, 91%, 49%)
CMYK
cmyk(0%, 91%, 49%, 51%)
Oklch
oklch(38.7% 0.148 0.7)

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

#540D26

Dark Violet · Maroon · Raspberry

HEX
#540D26
RGB
rgb(84, 13, 38)
HSL
hsl(339, 73%, 19%)
HSB
hsb(339, 85%, 33%)
CMYK
cmyk(0%, 85%, 55%, 67%)
Oklch
oklch(29.8% 0.103 5.4)

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

#99354D

Crimson · Brown · Wine Red

HEX
#99354D
RGB
rgb(153, 53, 77)
HSL
hsl(346, 49%, 40%)
HSB
hsb(346, 65%, 60%)
CMYK
cmyk(0%, 65%, 50%, 40%)
Oklch
oklch(47.9% 0.134 9.2)

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

#BA2A55

Dark Violet · Crimson · Camellia

HEX
#BA2A55
RGB
rgb(186, 42, 85)
HSL
hsl(342, 63%, 45%)
HSB
hsb(342, 77%, 73%)
CMYK
cmyk(0%, 77%, 54%, 27%)
Oklch
oklch(52.7% 0.180 8.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5106A
10C66B

Analogous

C610C6
C5106A
C61010

Triadic

C5106A
6BC610
106BC6

Split-Comp.

C5106A
10C610
10C6C6

Tetradic

C5106A
C6C610
10C66B
1010C6

Contrast Matrix WCAG 2.1 Contrast

C5106A
7D0B40
540D26
99354D
BA2A55
—
1.8
Fail
2.5
Fail
1.2
Fail
1.0
Fail
1.8
Fail
—
1.4
Fail
1.5
Fail
1.8
Fail
2.5
Fail
1.4
Fail
—
2.0
Fail
2.4
Fail
1.2
Fail
1.5
Fail
2.0
Fail
—
1.2
Fail
1.0
Fail
1.8
Fail
2.4
Fail
1.2
Fail
—
White BG
5.7AA
10.5AAA
14.4AAA
7.1AAA
5.9AA
Black BG
3.7AA Large
2.0Fail
1.5Fail
3.0Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

777554
4C4B33
353520
6E6D47
7C7A4B

Deuteranopia

818F4F
525B30
393F1E
747B46
848F48

Tritanopia

BC433F
772927
501B1A
944342
B34241

Achromatopsia

505050
333333
252525
565656
5A5A5A

Shades & Tints Shades & Tints

#C5106A

Dark
Light

#7D0B40

Dark
Light

#540D26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5106a;
  --color-2: #7d0b40;
  --color-3: #540d26;
  --color-4: #99354d;
  --color-5: #ba2a55;
}

SCSS

$color-1: #c5106a;
$color-2: #7d0b40;
$color-3: #540d26;
$color-4: #99354d;
$color-5: #ba2a55;

TAILWIND

colors: {
  'brand-1': '#c5106a',
  'brand-2': '#7d0b40',
  'brand-3': '#540d26',
  'brand-4': '#99354d',
  'brand-5': '#ba2a55',
}

RGB Array

[197, 16, 106], [125, 11, 64], [84, 13, 38], [153, 53, 77], [186, 42, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C5106A, #7D0B40, #540D26, #99354D, #BA2A55 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: #c5106a; --color-2: #7d0b40; --color-3: #540d26; --color-4: #99354d; --color-5: #ba2a55. 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 dark-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